mirror of
https://github.com/esphome/esphome-docs.git
synced 2025-01-30 23:02:42 +01:00
[lvgl] Enhancements (#4253)
This commit is contained in:
parent
e72c0f1b79
commit
114f445e03
@ -18,6 +18,13 @@ For interactivity, a :doc:`Touchscreen </components/touchscreen/index>` (capacit
|
|||||||
|
|
||||||
Check out the detailed examples in :ref:`the Cookbook <lvgl-cookbook>` which demonstrate a number of ways you can integrate your environment with LVGL and ESPHome.
|
Check out the detailed examples in :ref:`the Cookbook <lvgl-cookbook>` which demonstrate a number of ways you can integrate your environment with LVGL and ESPHome.
|
||||||
|
|
||||||
|
To get started, it is sufficient to add a display and an empty LVGL configuration. If neither ``pages`` nor ``widgets`` is specified, then a default "hello world" page will be shown.
|
||||||
|
|
||||||
|
.. code-block:: yaml
|
||||||
|
|
||||||
|
# Example minimal configuration entry
|
||||||
|
lvgl:
|
||||||
|
|
||||||
Basics
|
Basics
|
||||||
------
|
------
|
||||||
|
|
||||||
@ -156,6 +163,8 @@ Colors
|
|||||||
|
|
||||||
Colors can be specified anywhere in the LVGL configuration either by referencing a preconfigured :ref:`ESPHome color <config-color>` ID or by representing the color in the common hexadecimal notation. For example, ``0xFF0000`` would be red.
|
Colors can be specified anywhere in the LVGL configuration either by referencing a preconfigured :ref:`ESPHome color <config-color>` ID or by representing the color in the common hexadecimal notation. For example, ``0xFF0000`` would be red.
|
||||||
|
|
||||||
|
You may also use any of the `standard CSS color names <https://developer.mozilla.org/en-US/docs/Web/CSS/named-color>`__, e.g. ``springgreen``.
|
||||||
|
|
||||||
.. _lvgl-opacity:
|
.. _lvgl-opacity:
|
||||||
|
|
||||||
Opacity
|
Opacity
|
||||||
|
Loading…
Reference in New Issue
Block a user