Main ModulesImages

Using Images

The simplest way to use an image in LVGL is to display it with an Image (lv_image) Widget:

Edit on GitHub

The simplest way to use an image in LVGL is to display it with an Image (lv_image) Widget:

 
lv_obj_t * icon = lv_image_create(lv_screen_active());

/* From variable */
lv_image_set_src(icon, &my_img_dsc);

/* From file */
lv_image_set_src(icon, "S:my_icon.bin");

/* From Unicode string */
lv_image_set_src(icon, LV_SYMBOL_BATTERY_FULL);

If the image was converted to a variable with the online or offline converter, you should use LV_IMAGE_DECLARE(my_img_dsc) to declare the image in the file where you want to use it.

Examples

Image from variable and symbol

lv_example_image_1.c

Image recoloring

lv_example_image_2.c

Rotate and zoom

lv_example_image_3.c

Image offset and styling

lv_example_image_4.c

Open a BMP image from file

lv_example_bmp_1.c

Open a PNG image from file and variable

lv_example_libpng_1.c

How is this guide?

Last updated on

Adding Images to Your Project

You can add images to LVGL in three ways:

Image Decoders

Images that are encoded (i.e.

On this page

ExamplesImage from variable and symbolImage recoloringRotate and zoomImage offset and stylingOpen a BMP image from fileOpen a PNG image from file and variable