Layout tinkering
This commit is contained in:
+155
-38
@@ -112,6 +112,22 @@ image:
|
|||||||
id: home_lock_open
|
id: home_lock_open
|
||||||
- file: "mdi:home-lock"
|
- file: "mdi:home-lock"
|
||||||
id: home_lock
|
id: home_lock
|
||||||
|
- file: "mdi:ceiling-fan"
|
||||||
|
id: ceiling_fan
|
||||||
|
- file: "mdi:ceiling-fan-light"
|
||||||
|
id: ceiling_fan_light
|
||||||
|
- file: "mdi:fan-off"
|
||||||
|
id: fan_off
|
||||||
|
- file: "mdi:fan-speed-1"
|
||||||
|
id: fan_speed_1
|
||||||
|
- file: "mdi:fan-speed-2"
|
||||||
|
id: fan_speed_2
|
||||||
|
- file: "mdi:fan-speed-3"
|
||||||
|
id: fan_speed_3
|
||||||
|
- file: "mdi:floor-lamp-torchiere"
|
||||||
|
id: floor_lamp
|
||||||
|
- file: "mdi:home-off"
|
||||||
|
id: away_button
|
||||||
|
|
||||||
# Force a full display refresh when we press the "boot" button on the devboard
|
# Force a full display refresh when we press the "boot" button on the devboard
|
||||||
binary_sensor:
|
binary_sensor:
|
||||||
@@ -163,51 +179,152 @@ lvgl:
|
|||||||
label:
|
label:
|
||||||
text_color: 0x000000
|
text_color: 0x000000
|
||||||
button:
|
button:
|
||||||
bg_color: 0xAAAAAA
|
# bg_color: 0xAAAAAA
|
||||||
text_color: 0xFFFFFF
|
bg_color: 0xFFFFFF
|
||||||
|
text_color: 0x000000
|
||||||
height: 64
|
height: 64
|
||||||
width: 64
|
width: 64
|
||||||
pad_all: 0
|
pad_all: 0
|
||||||
border_width: 5
|
border_width: 2
|
||||||
border_color: 0xFFFFFF
|
border_color: 0x000000
|
||||||
|
checked:
|
||||||
|
bg_color: 0x555555
|
||||||
obj:
|
obj:
|
||||||
bg_color: 0xFFFFFF
|
bg_color: 0xFFFFFF
|
||||||
widgets:
|
widgets:
|
||||||
- label:
|
- obj:
|
||||||
text: 'Test 2bpp 1636'
|
width: 100%
|
||||||
align: TOP_LEFT
|
height: 100%
|
||||||
text_font: font1
|
pad_all: 0
|
||||||
- button:
|
# pad_row: 0
|
||||||
id: button0
|
# pad_column: 0
|
||||||
align: TOP_RIGHT
|
border_width: 0
|
||||||
on_click:
|
bg_color: 0xFFFFFF
|
||||||
- logger.log: "button0 clicked (unlock)"
|
layout:
|
||||||
|
type: GRID
|
||||||
|
grid_rows: [fr(1), fr(1)]
|
||||||
|
grid_columns: [fr(1), fr(1), fr(1), fr(1)]
|
||||||
widgets:
|
widgets:
|
||||||
- image:
|
- button:
|
||||||
src: home_lock_open
|
grid_cell_row_pos: 0
|
||||||
outline_width: 1
|
grid_cell_column_pos: 0
|
||||||
- button:
|
on_click:
|
||||||
id: button1
|
- logger.log: "ceiling_fan"
|
||||||
align: BOTTOM_RIGHT
|
widgets:
|
||||||
on_click:
|
- image:
|
||||||
- logger.log: "button1 clicked (lock)"
|
src: ceiling_fan
|
||||||
widgets:
|
- button:
|
||||||
- image:
|
grid_cell_row_pos: 0
|
||||||
src: home_lock
|
grid_cell_column_pos: 1
|
||||||
outline_width: 1
|
on_click:
|
||||||
- slider:
|
- logger.log: "ceiling_fan_light"
|
||||||
id: slider0
|
- lambda: 'id(display0).display_partial();'
|
||||||
align: LEFT_MID
|
checkable: true
|
||||||
width: 180
|
widgets:
|
||||||
height: 16
|
- image:
|
||||||
min_value: 0
|
src: ceiling_fan_light
|
||||||
max_value: 100
|
- button:
|
||||||
value: 50
|
grid_cell_row_pos: 0
|
||||||
on_value:
|
grid_cell_column_pos: 2
|
||||||
- logger.log:
|
on_click:
|
||||||
format: "Slider: %.0f"
|
- logger.log: "fan_off"
|
||||||
args: ['x']
|
- component.update: display0
|
||||||
- lambda: 'id(display0).display_partial();'
|
checkable: true
|
||||||
|
widgets:
|
||||||
|
- image:
|
||||||
|
src: fan_off
|
||||||
|
- button:
|
||||||
|
grid_cell_row_pos: 0
|
||||||
|
grid_cell_column_pos: 3
|
||||||
|
checkable: true
|
||||||
|
on_click:
|
||||||
|
- logger.log: "fan_speed_1"
|
||||||
|
- lvgl.widget.update:
|
||||||
|
id: fan_speed_2
|
||||||
|
state:
|
||||||
|
checked: false
|
||||||
|
- lvgl.widget.update:
|
||||||
|
id: fan_speed_3
|
||||||
|
state:
|
||||||
|
checked: false
|
||||||
|
- component.update: display0
|
||||||
|
widgets:
|
||||||
|
- image:
|
||||||
|
src: fan_speed_1
|
||||||
|
- button:
|
||||||
|
grid_cell_row_pos: 1
|
||||||
|
grid_cell_column_pos: 0
|
||||||
|
on_click:
|
||||||
|
- logger.log: "fan_speed_2"
|
||||||
|
- component.update: display0
|
||||||
|
checkable: true
|
||||||
|
widgets:
|
||||||
|
- image:
|
||||||
|
src: fan_speed_2
|
||||||
|
- button:
|
||||||
|
grid_cell_row_pos: 1
|
||||||
|
grid_cell_column_pos: 1
|
||||||
|
on_click:
|
||||||
|
- logger.log: "fan_speed_3"
|
||||||
|
- component.update: display0
|
||||||
|
checkable: true
|
||||||
|
widgets:
|
||||||
|
- image:
|
||||||
|
src: fan_speed_3
|
||||||
|
- button:
|
||||||
|
grid_cell_row_pos: 1
|
||||||
|
grid_cell_column_pos: 2
|
||||||
|
on_click:
|
||||||
|
- logger.log: "floor_lamp"
|
||||||
|
- component.update: display0
|
||||||
|
checkable: true
|
||||||
|
widgets:
|
||||||
|
- image:
|
||||||
|
src: floor_lamp
|
||||||
|
- button:
|
||||||
|
grid_cell_row_pos: 1
|
||||||
|
grid_cell_column_pos: 3
|
||||||
|
on_click:
|
||||||
|
- logger.log: "away_button"
|
||||||
|
checkable: true
|
||||||
|
widgets:
|
||||||
|
- image:
|
||||||
|
src: away_button
|
||||||
|
# - label:
|
||||||
|
# text: 'Test 2bpp 1636'
|
||||||
|
# align: TOP_LEFT
|
||||||
|
# text_font: font1
|
||||||
|
# - button:
|
||||||
|
# id: button0
|
||||||
|
# align: TOP_RIGHT
|
||||||
|
# on_click:
|
||||||
|
# - logger.log: "button0 clicked (unlock)"
|
||||||
|
# widgets:
|
||||||
|
# - image:
|
||||||
|
# src: home_lock_open
|
||||||
|
# outline_width: 1
|
||||||
|
# - button:
|
||||||
|
# id: button1
|
||||||
|
# align: BOTTOM_RIGHT
|
||||||
|
# on_click:
|
||||||
|
# - logger.log: "button1 clicked (lock)"
|
||||||
|
# widgets:
|
||||||
|
# - image:
|
||||||
|
# src: home_lock
|
||||||
|
# outline_width: 1
|
||||||
|
# - slider:
|
||||||
|
# id: slider0
|
||||||
|
# align: LEFT_MID
|
||||||
|
# width: 180
|
||||||
|
# height: 16
|
||||||
|
# min_value: 0
|
||||||
|
# max_value: 100
|
||||||
|
# value: 50
|
||||||
|
# on_value:
|
||||||
|
# - logger.log:
|
||||||
|
# format: "Slider: %.0f"
|
||||||
|
# args: ['x']
|
||||||
|
# - lambda: 'id(display0).display_partial();'
|
||||||
# - label:
|
# - label:
|
||||||
# text: "0xFFFFFF"
|
# text: "0xFFFFFF"
|
||||||
# text_color: 0xFFFFFF
|
# text_color: 0xFFFFFF
|
||||||
|
|||||||
Reference in New Issue
Block a user