GUITION 4" 480x480 ESP32-S3-4848S040 Smart Display with LVGL

[andrew_NH (Andrew)]

@Fox49

I’m trying to setup a button that controls a light (yeelight led bulb), but I would like that when I long press the button, it opens a rainbow circle that I could pick color from (like the lovelace card more or less).

There is an LVGL object to do this. But for ESPHome to to use the color picker object it would need to be added to ESPhome. There are a few LVGL objects that do not exist in the ESPHome world yes. The color picker, graphing object, and canvas (free draw) are not available yet.

LVGL is very new to ESPHome and these other object will probably be integrated at some point.

In the mean time you should be a able to make a bunch of buttons that turn the LED a specific color. Like the favorites button in lovelace

[ananyevgv]

[ananyevgv]

[ananyevgv]

[domain_int]

Does anyone know what the style property for getting the last digit of a spinbox to NOT be blue???
Ideally I want it to be transparent and for the life of me I cant find the correct property.

[plplaaa2]

I was able to make this because of you guys. Thank you.
I want to share it, but I can’t because it’s optimized for Korean and Korean weather.

idle screen

menu

light switch

climate

setting

If you still want, go to the link below.
plplaaa2/esphome-lvgl-480: For Esphome-lvgl-480x480

[twanjaarsveld]

Would it be possible to use swipe to go to the next page instead of the navigation bar?

[twanjaarsveld]

This one is amazing
except the navigation bar haha

[pantileionut]

How can I display the value set by the slider?
…windgets:
- slider:
x: 25
y: 25
width: 200
height: 25
id: slider_id
value: 75
min_value: 0
max_value: 100
knob:
bg_color: 0x00FF00

…
number:

• platform: lvgl
  widget: slider_id
  id: number_id
  name: LVGL Slider

it doesn’t work:

            - label:
                id: slider_id
                text_font: roboto24
                text_color: 0xFFFFFF

any other ideas?

[twanjaarsveld]

Awesome design. i just get this one error

Font materialdesignicons-webfont.ttf is missing 1 glyph:
 (b’\uf0ed’).

[twanjaarsveld]

Problem with the fonts