LVGL basic sample
Overview
This sample application displays “Hello World” in the center of the screen and a counter at the bottom which increments every second. Based on the available input devices on the board used to run the sample, additional widgets may be displayed and additional interactions enabled:
- Pointer
If your board has a touch panel controller (
zephyr,lvgl-pointer-input), a button widget is displayed in the center of the screen. Otherwise a label widget is displayed.
- Button
The button pseudo device (
zephyr,lvgl-button-input) maps a press/release action to a specific coordinate on screen. In the case of this sample, the coordinates are mapped to the center of the screen.
- Encoder
The encoder pseudo device (
zephyr,lvgl-encoder-input) can be used to navigate between widgets and edit their values. If the board contains an encoder, an arc widget is displayed, which can be edited.
- Keypad
The keypad pseudo device (
zephyr,lvgl-keypad-input) can be used for focus shifting and also entering characters inside editable widgets such as text areas. If the board used with this sample has a keypad device, a button matrix is displayed at the bottom of the screen to showcase the focus shifting capabilities.
Requirements
Display shield and a board which provides a configuration for Arduino connectors, for example:
or a board with an integrated display:
or a simulated display environment in a native_sim application:
or
or
Building and Running
Example building for nRF52840 DK:
# From the root of the zephyr repository
west build -b nrf52840dk/nrf52840 samples/subsys/display/lvgl -- -DSHIELD=adafruit_2_8_tft_touch_v2
west flash
Example building for native_sim:
# From the root of the zephyr repository
west build -b native_sim samples/subsys/display/lvgl
west build -t run
Alternatively, if building from a 64-bit host machine, the previous target
board argument may also be replaced by native_sim/native/64.