LVGL学习笔记——lvgl图像转化

lvgl图像转化

使用的是夏雨夜寐大佬制作的一款离线开源图片转换工具，在使用lvgl的过程中，也一直在使用，强推！资源见文章末尾。这是工具整体界面

对于lvgl字体生成和lvgl图像转换的过程，参考链接我放在文章末尾

我在这里只总结下我在使用过程中踩过的一个坑。

在使用lvgl显示图像时，需要将Png/jpg图像等转化为.c文件；如下，我将一张大小为348*348px的PNG格式图像转化为c数组。

这是源图像的大小信息

这样转化完成后，导入到我们的lvgl工程

然后将lv_img_set_src添加为图像所在路径就可以进行显示

    lv_obj_t *backgd_img  = lv_img_create(lv_scr_act());
    lv_img_set_src(backgd_img, &img_background_argb);
    lv_obj_set_x(backgd_img,67);
    lv_obj_set_y(backgd_img,66);
    lv_obj_set_size(backgd_img, 348, 348);
   lv_obj_set_style_opa(backgd_img, LV_OPA_MAX, LV_PART_MAIN);

这样就可以进行正常显示了

这是正常的lvgl图像显示流程

但是我有好几次掉自己所挖的坑里了，还查找了挺长时间，才找到问题所在，最主要的是浪费时间啊。我把源图像文件先用图像压缩工具压缩了一下，比如这个网址：TinyPNG – Compress WebP, PNG and JPEG images intelligently

我刚才的图像，压缩完成后

大小直接减小了好几倍。但是这对于我转化为c数组文件一点帮助都没有，我也不知道当初自己为啥要先将图像先压缩一下，然后再进行转化，结果就导致显示出来的图像在某种背景下显示可能是正常的，但是换一种背景，可能就跟源矢量图像完全不一样了，由于年代久远，你竟然一下子定位不到问题所在，重新转化了好几遍还是这样，唉，所以这就是一个神坑啊，做个笔记，希望大家别跟我一样掉进去，浪费时间。

本文参考

学习lvgl可以参考网址，强推：欢迎阅读百问网LVGL中文开发手册！ — 百问网LVGL中文教程文档 文档

lvgl离线工具参考及下载链接：

LVGL v7 使用心得及工具分享_lvglfonttool-CSDN博客