lvgl/demos
bjsylvia 29c1d94c60
fix(demos): fix demos compiling error caused by font config (#4778)
Signed-off-by: YanXiaowei <yanxiaowei@xiaomi.com>
Co-authored-by: YanXiaowei <yanxiaowei@xiaomi.com>
2023-11-10 15:45:12 +01:00
..
benchmark fix(demos): fix demos compiling error caused by font config (#4778) 2023-11-10 15:45:12 +01:00
flex_layout ci: upgrade astyle tool (#4776) 2023-11-10 15:37:23 +01:00
keypad_encoder refactor(style): rename lv_indev_get_act to lv_indev_active 2023-10-31 19:20:36 +01:00
multilang refactor: replace lv_coord_t with int32_t 2023-10-31 19:25:01 +01:00
music ci: upgrade astyle tool (#4776) 2023-11-10 15:37:23 +01:00
render ci: upgrade astyle tool (#4776) 2023-11-10 15:37:23 +01:00
scroll ci: upgrade astyle tool (#4776) 2023-11-10 15:37:23 +01:00
stress ci: upgrade astyle tool (#4776) 2023-11-10 15:37:23 +01:00
transform fix(demos): fix demos compiling error caused by font config (#4778) 2023-11-10 15:45:12 +01:00
vector_graphic fix(vector): make vector examples and demos work with the docs 2023-11-09 12:22:39 +01:00
widgets ci: upgrade astyle tool (#4776) 2023-11-10 15:37:23 +01:00
lv_demos.c chore(demos): adapt new benchmark demo (#4780) 2023-11-10 09:43:29 +01:00
lv_demos.h feat(draw): add implements vector graphic APIs (#4528) (#4691) 2023-11-09 11:37:33 +01:00
README.md chore(demos): add common entry for lv_demos (#4610) 2023-10-10 22:28:17 +02:00

Demos for LVGL

Add the examples to your projects

  1. demos can be found in the 'demos' folder once you clone the lvgl.

  2. In the lv_conf.h or equivalent places, you can find demo related macros, change its value to enable or disable specified demos:

...
/*===================
 * DEMO USAGE
 ====================*/

/*Show some widget. It might be required to increase `LV_MEM_SIZE` */
#define LV_USE_DEMO_WIDGETS        0
#if LV_USE_DEMO_WIDGETS
#define LV_DEMO_WIDGETS_SLIDESHOW  0
#endif

/*Demonstrate the usage of encoder and keyboard*/
#define LV_USE_DEMO_KEYPAD_AND_ENCODER     0

/*Benchmark your system*/
#define LV_USE_DEMO_BENCHMARK   0

/*Stress test for LVGL*/
#define LV_USE_DEMO_STRESS      0

/*Music player demo*/
#define LV_USE_DEMO_MUSIC       0
#if LV_USE_DEMO_MUSIC
# define LV_DEMO_MUSIC_SQUARE       0
# define LV_DEMO_MUSIC_LANDSCAPE    0
# define LV_DEMO_MUSIC_ROUND        0
# define LV_DEMO_MUSIC_LARGE        0
# define LV_DEMO_MUSIC_AUTO_PLAY    0
#endif

/*Flex layout demo*/
#define LV_USE_DEMO_FLEX_LAYOUT     0

/*Smart-phone like multi-language demo*/
#define LV_USE_DEMO_MULTILANG       0

/*Widget transformation demo*/
#define LV_USE_DEMO_TRANSFORM       0

/*Demonstrate scroll settings*/
#define LV_USE_DEMO_SCROLL          0
...
  1. If your development environment or toolchain does not add source files inside 'lvgl' folder automatically, ensure the demos folder is included for compilation.
  2. Include "demos/lv_demos.h" in your application source file, for example:
//! main.c
#include "lvgl.h"
#include "demos/lv_demos.h"
...

Configure Demos Entry

"demos/lv_demos.c" provides lv_demos_create and lv_demos_usage to simplify the creation of demos.

If you build your main program named lv_demos, then you can run the widgets demo by running lv_demos widgets and the benchmark demo by running lv_demos benchmark 1.

For example:

//! main.c
#include "lvgl.h"
#include "demos/lv_demos.h"

...
static lv_disp_t* hal_init(void)
{
  lv_disp_t* disp = NULL;

  ...
  /* TODO: init display and indev */
  ...

  return disp;
}

int main(int argc, char ** argv)
{
  lv_init();

  lv_disp_t* disp = hal_init();
  if (disp == NULL) {
    LV_LOG_ERROR("lv_demos initialization failure!");
    return 1;
  }

  if (!lv_demos_create(&argv[1], argc - 1)) {
    lv_demos_usage();
    goto demo_end;
  }

  while (1) {
    uint32_t delay = lv_timer_handler();
    if (delay < 1) delay = 1;
    usleep(delay * 1000);
  }

demo_end:
  lv_deinit();
  return 0;
}

Demos

Widgets

Shows how the widgets look like out of the box using the built-in material theme.

See in widgets folder.

Basic demo to show the widgets of LVGL

For running this demo properly, please make sure LV_MEM_SIZE is at least 38KB (and 48KB is recommended):

#define LV_MEME_SIZE    (38ul * 1024ul)

Music player

The music player demo shows what kind of modern, smartphone-like user interfaces can be created on LVGL. It works the best with display with 480x272 or 272x480 resolution.

See in music folder.

Music player demo with LVGL

Keypad and encoder

LVGL allows you to control the widgets with a keypad and/or encoder without a touchpad. This demo shows how to handle buttons, drop-down lists, rollers, sliders, switches, and text inputs without touchpad. Learn more about the touchpad-less usage of LVGL here.

See in keypad_encoder folder.

Keypad and encoder navigation in LVGL embedded GUI library

Benchmark

A demo to measure the performance of LVGL or to compare different settings. See in benchmark folder. Benchmark demo with LVGL embedded GUI library

Stress

A stress test for LVGL. It contains a lot of object creation, deletion, animations, style usage, and so on. It can be used if there is any memory corruption during heavy usage or any memory leaks. See in stress folder. Stress test for LVGL

Contributing

For contribution and coding style guidelines, please refer to the file docs/CONTRIBUTING.md in the main LVGL repo:   https://github.com/lvgl/lvgl