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离线工具参考及下载链接: