mirror of
https://github.com/esphome/esphome.git
synced 2025-01-09 14:21:46 +01:00
77 lines
1.7 KiB
YAML
77 lines
1.7 KiB
YAML
|
spi:
|
||
|
id: spi_bus
|
||
|
clk_pin: ${spi_clk_pin}
|
||
|
mosi_pin: ${spi_mosi_pin}
|
||
|
miso_pin: ${spi_most_pin}
|
||
|
|
||
|
display:
|
||
|
- platform: ili9xxx
|
||
|
invert_colors: true
|
||
|
dimensions: 320x240
|
||
|
transform:
|
||
|
swap_xy: true
|
||
|
mirror_x: true
|
||
|
mirror_y: false
|
||
|
model: TFT 2.4
|
||
|
cs_pin: ${cs_pin}
|
||
|
dc_pin: ${dc_pin}
|
||
|
color_palette: GRAYSCALE
|
||
|
reset_pin: ${reset_pin}
|
||
|
lambda: |-
|
||
|
it.rectangle(0, 0, it.get_width(), it.get_height());
|
||
|
|
||
|
font:
|
||
|
- file: "gfonts://Roboto"
|
||
|
id: roboto
|
||
|
size: 20
|
||
|
|
||
|
color:
|
||
|
- id: layout_black
|
||
|
red: 100%
|
||
|
green: 100%
|
||
|
blue: 100%
|
||
|
- id: layout_white
|
||
|
red: 0%
|
||
|
green: 0%
|
||
|
blue: 0%
|
||
|
|
||
|
graphical_layout:
|
||
|
id: test_graphical_layout
|
||
|
layout:
|
||
|
type: horizontal_stack
|
||
|
child_align: stretch_to_fit_height
|
||
|
items:
|
||
|
- type: fixed_dimension_panel
|
||
|
width: 100
|
||
|
height: 100
|
||
|
border: 1
|
||
|
child:
|
||
|
type: text_panel
|
||
|
text: "Simple text panel"
|
||
|
font: roboto
|
||
|
- type: vertical_stack
|
||
|
item_padding: 1
|
||
|
margin: 1
|
||
|
padding: 1
|
||
|
border: 1
|
||
|
border_color: layout_black
|
||
|
items:
|
||
|
- type: display_rendering_panel
|
||
|
height: 50
|
||
|
width: 50
|
||
|
lambda: |-
|
||
|
it.filled_circle(25, 25, 10);
|
||
|
- type: text_run_panel
|
||
|
text_align: baseline_center
|
||
|
max_width: 100
|
||
|
runs:
|
||
|
- font: roboto
|
||
|
text: Hello
|
||
|
- font: roboto
|
||
|
text: World
|
||
|
background_color: layout_black
|
||
|
foreground_color: layout_white
|
||
|
- font: roboto
|
||
|
text: !lambda |-
|
||
|
return "Dynamic text";
|