Displays¶

Important

The basic concept of display in LVGL is explained in the [Porting](/porting/display) section. So before reading further, please read the [Porting](/porting/display) section first.

Multiple display support¶

In LVGL, you can have multiple displays, each with their own driver and objects. The only limitation is that every display needs to be have same color depth (as defined in LV_COLOR_DEPTH). If the displays are different in this regard the rendered image can be converted to the correct format in the drivers flush_cb.

Creating more displays is easy: just initialize more display buffers and register another driver for every display. When you create the UI, use lv_disp_set_default(disp) to tell the library on which display to create objects.

Why would you want multi-display support? Here are some examples:

Have a "normal" TFT display with local UI and create "virtual" screens on VNC on demand. (You need to add your VNC driver).
Have a large TFT display and a small monochrome display.
Have some smaller and simple displays in a large instrument or technology.
Have two large TFT displays: one for a customer and one for the shop assistant.

Using only one display¶

Using more displays can be useful but in most cases it's not required. Therefore, the whole concept of multi-display is completely hidden if you register only one display. By default, the lastly created (and only) display is used.

lv_scr_act(), lv_scr_load(scr), lv_layer_top(), lv_layer_sys(), LV_HOR_RES and LV_VER_RES are always applied on the most recently created (default) screen. If you pass NULL as disp parameter to display related function, usually the default display will be used. E.g. lv_disp_trig_activity(NULL) will trigger a user activity on the default screen. (See below in Inactivity).

Mirror display¶

To mirror the image of the display to another display, you don't need to use the multi-display support. Just transfer the buffer received in drv.flush_cb to the other display too.

Split image¶

You can create a larger display from smaller ones. You can create it as below:

Set the resolution of the displays to the large display's resolution.
In drv.flush_cb, truncate and modify the area parameter for each display.
Send the buffer's content to each display with the truncated area.

Screens¶

Every display has each set of Screens and the object on the screens.

Be sure not to confuse displays and screens:

Displays are the physical hardware drawing the pixels.
Screens are the high-level root objects associated with a particular display. One display can have multiple screens associated with it, but not vice versa.

Screens can be considered the highest level containers which have no parent. The screen's size is always equal to its display and size their position is (0;0). Therefore, the screens coordinates can't be changed, i.e. lv_obj_set_pos(), lv_obj_set_size() or similar functions can't be used on screens.

A screen can be created from any object type but the two most typical types are the Base object and the Image (to create a wallpaper).

To create a screen, use lv_obj_t * scr = lv_<type>_create(NULL, copy). copy can be an other screen to copy it.

To load a screen, use lv_scr_load(scr). To get the active screen, use lv_scr_act(). These functions works on the default display. If you want to to specify which display to work on, use lv_disp_get_scr_act(disp) and lv_disp_load_scr(disp, scr). Screen can be loaded with animations too. Read more here.

Screens can be deleted with lv_obj_del(scr), but ensure that you do not delete the currently loaded screen.

Transparent screens¶

Usually, the opacity of the screen is LV_OPA_COVER to provide a solid background for its children. If it's not the case (opacity < 100%) the display's background color or image will be visible. See the Display background section for more details. If the display's background opacity is also not LV_OPA_COVER LVGL has no solid background to draw.

This configuration (transparent screen and display) could be used to create for example OSD menus where a video is played on a lower layer, and a menu is overlayed on an upper layer.

To handle transparent displays special (slower) color mixing algorithms need to be used by LVGL so this feature needs to enabled with LV_COLOR_SCREEN_TRANSP in lv_conf.h. As this mode operates on the Alpha channel of the pixels LV_COLOR_DEPTH = 32 is also required. The Alpha channel of 32-bit colors will be 0 where there are no objects and 255 where there are solid objects.

In summary, to enable transparent screen and displays to create OSD menu-like UIs:

Enable LV_COLOR_SCREEN_TRANSP in lv_conf.h
Be sure to use LV_COLOR_DEPTH 32
Set the screens opacity to LV_OPA_TRANSP e.g. with lv_obj_set_style_local_bg_opa(lv_scr_act(), LV_OBJMASK_PART_MAIN, LV_STATE_DEFAULT, LV_OPA_TRANSP)
Set the display opacity to LV_OPA_TRANSP with lv_disp_set_bg_opa(NULL, LV_OPA_TRANSP);

Features of displays¶

Inactivity¶

The user's inactivity is measured on each display. Every use of an Input device (if associated with the display) counts as an activity. To get time elapsed since the last activity, use lv_disp_get_inactive_time(disp). If NULL is passed, the overall smallest inactivity time will be returned from all displays (not the default display).

You can manually trigger an activity using lv_disp_trig_activity(disp). If disp is NULL, the default screen will be used (and not all displays).

Background¶

Every display has background color, a background image and background opacity properties. They become visible when the current screen is transparent or not positioned to cover the whole display.

Background color is a simple color to fill the display. It can be adjusted with lv_disp_set_bg_color(disp, color);

Background image is a path to a file or a pointer to an lv_img_dsc_t variable (converted image) to be used as wallpaper. It can be set with lv_disp_set_bg_color(disp, &my_img); If the background image is set (not NULL) the background won't be filled with bg_color.

The opacity of the background color or image can be adjusted with lv_disp_set_bg_opa(disp, opa).

The disp parameter of these functions can be NULL to refer it to the default display.

API¶

Enums

enum lv_scr_load_anim_t¶

Values:

enumerator LV_SCR_LOAD_ANIM_NONE¶

enumerator LV_SCR_LOAD_ANIM_OVER_LEFT¶

enumerator LV_SCR_LOAD_ANIM_OVER_RIGHT¶

enumerator LV_SCR_LOAD_ANIM_OVER_TOP¶

enumerator LV_SCR_LOAD_ANIM_OVER_BOTTOM¶

enumerator LV_SCR_LOAD_ANIM_MOVE_LEFT¶

enumerator LV_SCR_LOAD_ANIM_MOVE_RIGHT¶

enumerator LV_SCR_LOAD_ANIM_MOVE_TOP¶

enumerator LV_SCR_LOAD_ANIM_MOVE_BOTTOM¶

enumerator LV_SCR_LOAD_ANIM_FADE_ON¶

Functions

lv_obj_t *lv_disp_get_scr_act(lv_disp_t *disp)¶

Return with a pointer to the active screen

Parameters: disp -- pointer to display which active screen should be get. (NULL to use the default screen)
Returns: pointer to the active screen object (loaded by 'lv_scr_load()')

lv_obj_t *lv_disp_get_scr_prev(lv_disp_t *disp)¶

Return with a pointer to the previous screen. Only used during screen transitions.

Parameters: disp -- pointer to display which previous screen should be get. (NULL to use the default screen)
Returns: pointer to the previous screen object or NULL if not used now

void lv_disp_load_scr(lv_obj_t *scr)¶

Make a screen active

Parameters: scr -- pointer to a screen

lv_obj_t *lv_disp_get_layer_top(lv_disp_t *disp)¶

Return with the top layer. (Same on every screen and it is above the normal screen layer)

Parameters: disp -- pointer to display which top layer should be get. (NULL to use the default screen)
Returns: pointer to the top layer object (transparent screen sized lv_obj)

lv_obj_t *lv_disp_get_layer_sys(lv_disp_t *disp)¶

Return with the sys. layer. (Same on every screen and it is above the normal screen and the top layer)

Parameters: disp -- pointer to display which sys. layer should be get. (NULL to use the default screen)
Returns: pointer to the sys layer object (transparent screen sized lv_obj)

void lv_disp_set_theme(lv_disp_t *disp, lv_theme_t *th)¶

Get the theme of a display

Parameters: disp -- pointer to a display
Returns: the display's theme (can be NULL)

lv_theme_t *lv_disp_get_theme(lv_disp_t *disp)¶

Get the theme of a display

Parameters: disp -- pointer to a display
Returns: the display's theme (can be NULL)

void lv_disp_set_bg_color(lv_disp_t *disp, lv_color_t color)¶

Set the background color of a display

Parameters

disp -- pointer to a display
color -- color of the background

void lv_disp_set_bg_image(lv_disp_t *disp, const void *img_src)¶

Set the background image of a display

Parameters

disp -- pointer to a display
img_src -- path to file or pointer to an lv_img_dsc_t variable

void lv_disp_set_bg_opa(lv_disp_t *disp, lv_opa_t opa)¶

Opacity of the background

Parameters

disp -- pointer to a display
opa -- opacity (0..255)

void lv_scr_load_anim(lv_obj_t *scr, lv_scr_load_anim_t anim_type, uint32_t time, uint32_t delay, bool auto_del)¶

Switch screen with animation

Parameters

scr -- pointer to the new screen to load
anim_type -- type of the animation from lv_scr_load_anim_t. E.g. LV_SCR_LOAD_ANIM_MOVE_LEFT
time -- time of the animation
delay -- delay before the transition
auto_del -- true: automatically delete the old screen

uint32_t lv_disp_get_inactive_time(const lv_disp_t *disp)¶

Get elapsed time since last user activity on a display (e.g. click)

Parameters: disp -- pointer to an display (NULL to get the overall smallest inactivity)
Returns: elapsed ticks (milliseconds) since the last activity

void lv_disp_trig_activity(lv_disp_t *disp)¶

Manually trigger an activity on a display

Parameters: disp -- pointer to an display (NULL to use the default display)

void lv_disp_clean_dcache(lv_disp_t *disp)¶

Clean any CPU cache that is related to the display.

Parameters: disp -- pointer to an display (NULL to use the default display)

lv_timer_t *_lv_disp_get_refr_timer(lv_disp_t *disp)¶

Get a pointer to the screen refresher timer to modify its parameters with lv_timer_... functions.

Parameters: disp -- pointer to a display
Returns: pointer to the display refresher timer. (NULL on error)

static inline lv_obj_t *lv_scr_act(void)¶

Get the active screen of the default display

Returns: pointer to the active screen

static inline lv_obj_t *lv_layer_top(void)¶

Get the top layer of the default display

Returns: pointer to the top layer

static inline lv_obj_t *lv_layer_sys(void)¶

Get the active screen of the default display

Returns: pointer to the sys layer

static inline void lv_scr_load(lv_obj_t *scr)¶

static inline lv_coord_t lv_dpx(lv_coord_t n)¶

Scale the given number of pixels (a distance or size) relative to a 160 DPI display considering the DPI of the default display. It ensures that e.g. lv_dpx(100) will have the same physical size regardless to the DPI of the display.

Parameters: n -- the number of pixels to scale
Returns: n x current_dpi/160

static inline lv_coord_t lv_disp_dpx(const lv_disp_t *disp, lv_coord_t n)¶

Scale the given number of pixels (a distance or size) relative to a 160 DPI display considering the DPI of the given display. It ensures that e.g. lv_dpx(100) will have the same physical size regardless to the DPI of the display.

Parameters

obj -- an display whose dpi should be considered
n -- the number of pixels to scale

Returns

n x current_dpi/160