LVGL V9 性能优化

• 根据实际需求，动态调整图片缓存的大小。例如，在需要频繁切换的场景中，可以适当增加缓存数量以提高响应速度；而在其它场景中，则可以减少缓存数量以节省内存。

• 释放不必要的缓存。在确定某些图片不再需要时，及时释放其缓存可以有效节省内存。例如，在场景切换时，可以调用lv_img_cache_invalidate_src(NULL)来释放所有缓存。

  // 释放对象 img_obj 的图片缓存
  lv_image_cache_drop(lv_image_get_src(img_obj));
  
  // 释放所有的图片缓存，在场景切换时候，确定不需要已有的图片缓存可以这么调用
  lv_image_cache_drop(NULL);

  如下配置中设置了八张图片缓存：

  Application options  --->
      *** Filesystem related ***
      [*] Using File System Image 0  --->
      [ ] Using File System Image 1  ----
      *** lvgl demo select related ***
      -*- LVGL (official): powerful and easy-to-use embedded GUI library  --->
      -*- ArtInChip lvgl demo
          select lvgl demo (lvgl demo with basic function)  --->
              (X) lvgl demo with basic function
              ( ) lvgl demo of meter
          (16)  LVGL color depth(32/16)
          (8)   LVGL image cached number
      (/rodata/lvgl_data) LVGL Resource Directory

设置图片的缓存 size，缓存越大，运行速度越快，但是占用的内存也会越多。

Application options  --->
    *** Filesystem related ***
    [*] Using File System Image 0  --->
    [ ] Using File System Image 1  ----
    *** lvgl demo select related ***
    -*- LVGL (official): powerful and easy-to-use embedded GUI library  --->
    -*- ArtInChip lvgl demo
        select lvgl demo (lvgl demo with basic function)  --->
            (X) lvgl demo with basic function
            ( ) lvgl demo of meter
        (16)  LVGL color depth(32/16)
        (8)   LVGL image cached number
        (0x800000) LVGL image cached size
        (20)  LVGL image header cached number
    (/rodata/lvgl_data) LVGL Resource Directory

对图片的头信息进行缓存，图片的头信息一般占用内存不多，但是如果图像的头信息需要频繁的从文件系统中去读取，也会影响运行速度， 用户可以根据需要，设置合适的图片头信息缓存个数。

Application options  --->
    *** Filesystem related ***
    [*] Using File System Image 0  --->
    [ ] Using File System Image 1  ----
    *** lvgl demo select related ***
    -*- LVGL (official): powerful and easy-to-use embedded GUI library  --->
    -*- ArtInChip lvgl demo
        select lvgl demo (lvgl demo with basic function)  --->
            (X) lvgl demo with basic function
            ( ) lvgl demo of meter
        (16)  LVGL color depth(32/16)
        (8)   LVGL image cached number
        (0x800000) LVGL image cached size
        (20)  LVGL image header cached number
    (/rodata/lvgl_data) LVGL Resource Directory

显示采用 rgb565 格式和 argb8888 相比减少了处理的数据量，可以提升 UI 的处理速度。以下示例中，LVGL color depth 为 16，并且配置 framebuffer 为 rgb565：

Application options  --->
    *** Filesystem related ***
    [*] Using File System Image 0  --->
    [ ] Using File System Image 1  ----
    *** lvgl demo select related ***
    -*- LVGL (official): powerful and easy-to-use embedded GUI library  --->
    -*- ArtInChip lvgl demo
        select lvgl demo (lvgl demo with basic function)  --->
            (X) lvgl demo with basic function
            ( ) lvgl demo of meter
        (16)  LVGL color depth(32/16)
        (8)   LVGL image cached number
    (/rodata/lvgl_data) LVGL Resource Directory

Board options  --->
    [*] Using Display Engine (DE)
        Display Parameter  --->
            select framebuffer format (rgb565)  --->
            [*] Support double framebuffer
            [*] Enable Display Dither

在 LVGL 中，FreeType 字体缓存的配置可以通过修改头文件 lv_conf.h 中的宏定义来实现。

#define LV_USE_FREETYPE 1
#if LV_USE_FREETYPE
    /*Let FreeType to use LVGL memory and file porting*/
    #define LV_FREETYPE_USE_LVGL_PORT 0

    /*Cache count of the glyphs in FreeType. It means the number of glyphs that can be cached.
    *The higher the value, the more memory will be used.*/
    #define LV_FREETYPE_CACHE_FT_GLYPH_CNT 256
#endif

1. 对于不透明的图片，可以选择采用 JPEG 格式。JPEG 图片的解码速度通常比 PNG 速度快。

2. 在定时器或动画回调函数中，避免执行耗时过长的函数，以免影响 UI 的流畅性。可以考虑以下方法：

   • LVGL 的 UI 绘制是单线程的，将耗时操作放到后台线程中执行，避免阻塞主线程。

   • 将大任务拆分成多个小任务，通过多次调用来完成，每次只处理一小部分工作。