实例解决 lv_img_cache_invalidate_src 函数导致图片加载慢问题

lvgl库中的 `lv_img_cache_invalidate_src` 函数会清除图片缓存，当需要重新加载同一张图片时，会导致图片加载变慢。这个问题主要是由于每次重新加载图片时，都需要从文件系统或网络中读取图片数据，而这个过程会消耗一定的时间。

为了解决这个问题，我们可以通过以下两种方式来优化图片加载速度：

1. 使用内存缓存

使用内存缓存可以避免每次重新加载图片时都需要从文件系统或网络中读取图片数据的问题。我们可以在程序启动时将所有需要使用的图片数据预先加载到内存中，并将其保存在一个内存缓存中。当需要加载图片时，我们可以先从内存缓存中查找是否有对应的图片数据，如果有则直接使用内存中的数据，否则再从文件系统或网络中加载数据并保存到内存缓存中。

2. 延迟加载

延迟加载是指在需要使用图片时才进行加载，而不是在程序启动时就进行加载。这样可以避免一些不必要的加载操作，从而提高图片加载的速度。我们可以在程序中使用一个标志位来表示某张图片是否已经被加载过，如果没有被加载过则在需要使用时进行加载。

下面是一个使用内存缓存的示例代码：

#include "lvgl/lvgl.h"
#include <stdlib.h>
#include <string.h>

// 图片缓存结构体
typedef struct {
    const char *src; // 图片路径
    void *data;      // 图片数据
    uint32_t size;   // 图片数据大小
} img_cache_t;

// 内存缓存数组
static img_cache_t *img_cache = NULL;
static uint32_t img_cache_size = 0;

// 图片缓存初始化函数，将需要使用的图片数据预先加载到内存中
void img_cache_init(void)
{
    // 预先加载图片数据到内存中
    img_cache_t cache[] = {
        {"path/to/image1.png", NULL, 0},
        {"path/to/image2.png", NULL, 0},
        {"path/to/image3.png", NULL, 0},
        // ...
    };
    img_cache_size = sizeof(cache) / sizeof(cache[0]);

    // 申请内存缓存空间
    img_cache = (img_cache_t *)malloc(img_cache_size * sizeof(img_cache_t));
    if (img_cache == NULL) {
        return;
    }

    // 将图片数据保存到内存缓存中
    for (int i = 0; i < img_cache_size; i++) {
        FILE *fp = fopen(cache[i].src, "rb");
        if (fp == NULL) {
            continue;
        }
        fseek(fp, 0, SEEK_END);
        cache[i].size = ftell(fp);
        fseek(fp, 0, SEEK_SET);
        cache[i].data = malloc(cache[i].size);
        if (cache[i].data == NULL) {
            fclose(fp);
            continue;
        }
        fread(cache[i].data, cache[i].size, 1, fp);
        fclose(fp);
        img_cache[i] = cache[i];
    }
}

// 图片加载函数，先从内存缓存中查找，如果没有则从文件系统或网络中加载
lv_res_t img_load(lv_obj_t *img, const char *src)
{
    // 先从内存缓存中查找
    for (int i = 0; i < img_cache_size; i++) {
        if (strcmp(src, img_cache[i].src) == 0) {
            lv_img_set_data(img, img_cache[i].data, img_cache[i].size);
            return LV_RES_OK;
        }
    }

    // 如果内存缓存中没有，则从文件系统或网络中加载
    FILE *fp = fopen(src, "rb");
    if (fp == NULL) {
        return LV_RES_INV;
    }
    fseek(fp, 0, SEEK_END);
    uint32_t size = ftell(fp);
    fseek(fp, 0, SEEK_SET);
    void *data = malloc(size);
    if (data == NULL) {
        fclose(fp);
        return LV_RES_INV;
    }
    fread(data, size, 1, fp);
    fclose(fp);

    // 将加载的图片数据保存到内存缓存中
    img_cache_t cache = {src, data, size};
    img_cache = (img_cache_t *)realloc(img_cache, (img_cache_size + 1) * sizeof(img_cache_t));
    if (img_cache == NULL) {
        free(data);
        return LV_RES_INV;
    }
    img_cache[img_cache_size++] = cache;

    // 设置图片数据
    lv_img_set_data(img, data, size);
    return LV_RES_OK;
}

在上面的示例代码中，我们先使用 `img_cache_init` 函数将需要使用的图片数据预先加载到内存中，并保存在一个名为 `img_cache` 的内存缓存中。在图片加载函数 `img_load` 中，我们先从内存缓存中查找是否有对应的图片数据，如果有则直接使用内存中的数据，否则再从文件系统或网络中加载数据并保存到内存缓存中。

使用内存缓存可以有效地避免每次重新加载图片时都需要从文件系统或网络中读取图片数据的问题，从而提高图片加载的速度。