LVGl下使用图标字体代替图片
2026/5/23 7:05:41 网站建设 项目流程

一.图标库.ttf的制作

1.借助网站制作

https://icomoon.io/app/#/select

1.1先选择需要的图标,然后再点击右下角Generate Font

也可自定义导入矢量图

1.2配置好后点击下载

需注意是我们需要在代码中填入的,或使用gui_guider创建lable,lable内容为

lv_label_set_text(OBJ, "");

1.3下载后,打开压缩包找到icomoon.ttf,这个就是我们需要的图标库

2.使用软件制作.ttf

参考教程

http://dz.lfly.xyz/forum.php?mod=viewthread&tid=31&extra=page%3D2

使用软件FontCreator制作(软件资源可自行上网搜索)

可自行导入图片制作图标库

二.对图标字体取模生成.c

1.gui_guider自动生成

将.ttf导入软件,使用软件放置控件添加文本,生成代码(虽然方便,但生成的字模包含不需要的,会浪费片内flash)

2.使用Font Converter

https://lvgl.io/tools/fontconverter

输入需要的图标,就输入对应图标的,然后提交生成

3.使用LvglFontTool

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询