Xandrossian/homeassistant_espscreen
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Second hand on the analog clock, sliders like Home Assistant's, one top bar on every card (0.2.43)

Browse Source 
Firmware 0.2.37 for both boards:
- The analog clock card gets a thin red second hand that moves every second while the
  screen is awake (runtime_tiles::screen_awake, set by the profiles from display_dimmed);
  in standby it hides and the clock keeps its once-a-minute redraw.
- Card sliders follow HA's control slider: 12/42 and 8/42 corners, a 4 px handle an
  eighth of the height from the fill end, a stub of a third of the height at 0 or 1 %,
  the track in the fill colour at 20 %. An off light or fan shows only the empty grey
  track, also in the colour card's brightness row. A light's slider floors at 1 %.
- Every overlay card shares one top bar: a round back arrow at the left (60/40 px), the
  name centred, and only the climate power as a right-hand action. The "done"/"ok"
  buttons of the colour and vacuum cards are gone; the brightness card gets its arrow.
- The top bar reads "Connecting to Home Assistant..." / "Waiting for ESP Screens..."
  until the first layout, instead of "Choose tiles in HA".

Checked with the host renderer for both boards and on the Guition over USB.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
Max Gramser
2026-09-15 13:34:18 +02:00
parent 0ebb23a1f4
commit 5b50e70472
16 changed files with 419 additions and 449 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/guition.yaml
+74 -106
View File
@@ -2,7 +2,7 @@
# Guition ESP32-S3-4848S040 / 4-inch EU wallbox, 480x480 IPS + GT911.
# Use guition-device.yaml; see docs/GUITION.md. CYD hardware is a separate profile.
substitutions:
SCREEN_FIRMWARE_VERSION: "0.2.36"
SCREEN_FIRMWARE_VERSION: "0.2.37"
# 0: no drift limit; LVGL decides, releasing inside the tile is a tap, leaving it is not
# (like iOS). The CYD keeps a limit because its resistive panel jumps.
TOUCH_MOVE_LIMIT_PX: "0"
@@ -645,6 +645,7 @@ esphome:
runtime_tiles::watch_icon_font = id(watch_icon)->get_lv_font();
runtime_tiles::clock_font = id(clock_digits)->get_lv_font();
runtime_tiles::now_time = []() { return id(homeassistant_time).now(); };
runtime_tiles::screen_awake = []() { return !id(display_dimmed); };
runtime_tiles::mini_icon_font = id(materialdesign_icons_mini)->get_lv_font();
runtime_tiles::control_font = id(sublabel_big)->get_lv_font();
// Top bar (0.2.32+): values in the text font, icons in the small icon font; the clock
@@ -1331,6 +1332,7 @@ font:
- "\U000F0141" # chevron-left
- "\U000F0142" # chevron-right
- "\U000F0156" # close
- "\U000F004D" # arrow-left
- "\U000F1A79" # sun-snowflake-variant
- "\U000F1B17" # thermostat-auto
- "\U000F0591" # weather-fog
@@ -3609,10 +3611,33 @@ lvgl:
clickable: false
scrollable: false
- obj:
id: overlay_back_button
align: TOP_LEFT
x: 16
y: 16
width: 60
height: 60
radius: 999
bg_color: 0xEEEEEE
bg_opa: COVER
border_width: 0
clickable: true
scrollable: false
on_click:
- script.execute: close_cards
widgets:
- label:
align: CENTER
text: "\U000F004D"
text_font: materialdesign_icons_mini
text_color: 0x1B1B1B
clickable: false
- label:
id: overlay_title
align: TOP_MID
y: 20
y: 30
text: "Light"
styles: style_room
@@ -3923,45 +3948,10 @@ lvgl:
- obj:
id: color_close_button
align: TOP_LEFT
x: 15
y: 18
width: 54
height: 54
radius: 999
bg_color: 0xEEEEEE
bg_opa: COVER
border_width: 1
border_color: 0xFFFFFF
border_opa: 20%
clickable: true
scrollable: false
on_click:
- script.execute: close_cards
widgets:
- label:
align: CENTER
text: "x"
text_font: sublabel_big
text_color: 0x1B1B1B
clickable: false
- label:
id: color_detail_title
width: 310
long_mode: DOT
text_align: CENTER
align: TOP_MID
y: 32
text: "Light Color"
styles: style_room
- obj:
id: color_done_button
align: TOP_RIGHT
x: -15
y: 18
width: 54
height: 54
x: 16
y: 16
width: 60
height: 60
radius: 999
bg_color: 0xEEEEEE
bg_opa: COVER
@@ -3973,11 +3963,22 @@ lvgl:
widgets:
- label:
align: CENTER
text: "\U000F012C"
text_font: materialdesign_icons
text: "\U000F004D"
text_font: materialdesign_icons_mini
text_color: 0x1B1B1B
clickable: false
- label:
id: color_detail_title
width: 310
long_mode: DOT
text_align: CENTER
align: TOP_MID
y: 35
text: "Light Color"
styles: style_room
# ---------- CLIMATE DETAIL OVERLAY ----------
- obj:
id: climate_detail_overlay
@@ -4020,18 +4021,14 @@ lvgl:
- obj:
id: climate_close_button
align: TOP_LEFT
x: 15
y: 18
# 44 instead of 36: slightly bigger tap target, grows away from the arc
# (top-left anchor stays put) instead of towards it.
width: 66
height: 66
x: 16
y: 16
width: 60
height: 60
radius: 999
bg_color: 0xEEEEEE
bg_opa: COVER
border_width: 1
border_color: 0xFFFFFF
border_opa: 20%
border_width: 0
clickable: true
scrollable: false
on_click:
@@ -4039,18 +4036,18 @@ lvgl:
widgets:
- label:
align: CENTER
text: "x"
text_font: sublabel_big
text: "\U000F004D"
text_font: materialdesign_icons_mini
text_color: 0x1B1B1B
clickable: false
- obj:
id: climate_power_button
align: TOP_RIGHT
x: -15
y: 18
width: 66
height: 66
x: -16
y: 16
width: 60
height: 60
radius: 999
bg_color: 0xEEEEEE
bg_opa: COVER
@@ -4071,7 +4068,7 @@ lvgl:
- label:
id: climate_detail_title
align: TOP_MID
y: 32
y: 35
text: "Climate"
styles: style_room
@@ -4242,7 +4239,7 @@ lvgl:
widgets:
- label:
align: TOP_MID
y: 32
y: 35
text: "Mode"
text_font: sublabel_big
text_color: 0x1B1B1B
@@ -4615,16 +4612,14 @@ lvgl:
- obj:
id: climate_mode_overlay_x
align: TOP_LEFT
x: 15
y: 18
width: 54
height: 54
x: 16
y: 16
width: 60
height: 60
radius: 999
bg_color: 0xFFFFFF
bg_color: 0xEEEEEE
bg_opa: COVER
border_width: 1
border_color: 0xDDDDDD
border_opa: COVER
border_width: 0
clickable: true
scrollable: false
on_click:
@@ -4632,8 +4627,8 @@ lvgl:
widgets:
- label:
align: CENTER
text: "x"
text_font: sublabel_big
text: "\U000F004D"
text_font: materialdesign_icons_mini
text_color: 0x1B1B1B
clickable: false
@@ -4658,10 +4653,9 @@ lvgl:
- label:
id: vacuum_title
align: TOP_MID
y: 32
y: 35
text: "Vacuum"
text_font: sublabel_big
text_color: 0x1B1B1B
styles: style_room
clickable: false
- obj:
@@ -4879,38 +4873,13 @@ lvgl:
- obj:
id: vacuum_overlay_x
align: TOP_LEFT
x: 15
y: 18
width: 54
height: 54
x: 16
y: 16
width: 60
height: 60
radius: 999
bg_color: 0xEEEEEE
bg_opa: COVER
border_width: 1
border_color: 0xFFFFFF
border_opa: 20%
clickable: true
scrollable: false
on_click:
- script.execute: close_cards
widgets:
- label:
align: CENTER
text: "x"
text_font: sublabel_big
text_color: 0x1B1B1B
clickable: false
- obj:
id: vacuum_overlay_ok
align: TOP_RIGHT
x: -15
y: 18
width: 54
height: 54
radius: 999
bg_color: 0xD5EEFC
bg_opa: COVER
border_width: 0
clickable: true
scrollable: false
@@ -4919,11 +4888,12 @@ lvgl:
widgets:
- label:
align: CENTER
text: "\U000F012C"
text_font: materialdesign_icons
text: "\U000F004D"
text_font: materialdesign_icons_mini
text_color: 0x1B1B1B
clickable: false
# ---------- DIM / WAKE OVERLAY ----------
- obj:
id: dim_wake_overlay
@@ -5622,12 +5592,10 @@ script:
light_controls::open("diagnostic", true, true, 75);
lv_label_set_text(id(color_detail_title), "Example lamp");
- lvgl.widget.hide: color_close_button
- lvgl.widget.hide: color_done_button
- lvgl.widget.show: color_detail_overlay
- delay: 40s
- lvgl.widget.hide: color_detail_overlay
- lvgl.widget.show: color_close_button
- lvgl.widget.show: color_done_button
- lambda: 'light_controls::demo = false; light_controls::fallback = light_controls::State{};'
- id: open_color_detail