小安派Knob-在例程上简单增加个图标

[复制链接]
查看514 | 回复10 | 2024-1-21 14:22:40 | 显示全部楼层 |阅读模式
先找个128x128的圆形图标,例如这个
weather.png
打开https://lvgl.io/tools/imageconverter 用图标生成.c文件
微信截图_20240121133649.png
点击convert下载转换后的.c文件,将文件放入这个文件夹
微信截图_20240121140640.png
生成的文件会有多种颜色格式的数据,这里只需要保留RGB565的就可以了,其余的可以删掉
打开lv_example_image.h,添加
  1. LV_IMG_DECLARE(ui_img_weather_png);
复制代码
打开ui_menu.c,在menu[]这个数组中增加
  1. {"天气", "Weather",&ui_img_weather_png,LV_COLOR_MAKE(100, 200, 255),NULL},
复制代码
运行效果
WeChat_20240121134441 00_00_00-00_00_30.gif
这里只是简单添加了个图标,没有定义点击时进入的页面所以在Weather这个图标点击时是没有效果的
另外如果用的不是圆形图标会变成这样
WeChat_20240121141826 00_00_00-00_00_30.gif

回复

使用道具 举报

timo | 2024-1-21 16:56:48 | 显示全部楼层
感谢分享,网址很好,收藏了
回复 支持 反对

使用道具 举报

1084504793 | 2024-1-21 21:27:17 | 显示全部楼层
回复

使用道具 举报

曹县 | 2024-1-21 23:08:07 | 显示全部楼层
回复

使用道具 举报

WT_0213 | 2024-1-22 08:43:00 | 显示全部楼层
回复

使用道具 举报

爱笑 | 2024-1-22 09:07:34 | 显示全部楼层
用心做好保姆工作
回复

使用道具 举报

lazy | 2024-1-22 14:07:07 | 显示全部楼层
这个歪没办法补救了吗,比如掰一掰什么的
回复 支持 反对

使用道具 举报

timo | 2024-1-22 14:44:46 | 显示全部楼层
lazy 发表于 2024-1-22 14:07
这个歪没办法补救了吗,比如掰一掰什么的

好像是焊好的吧
回复 支持 反对

使用道具 举报

起个名字好难啊 | 2024-1-27 23:08:15 | 显示全部楼层
timo 发表于 2024-1-22 14:44
好像是焊好的吧

不是焊好的,屏幕是双面胶粘的,你只要拿吹风筒从背面加热一下,就能取下来,用刀片刮最安全
回复 支持 反对

使用道具 举报

sansui | 2024-4-17 14:57:19 | 显示全部楼层
还能补救
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则