Appearance
中文字库
需要字体文件(ttf, otf等)
C:\Windows\Fonts这一个文件夹里面有, 不是每一个都是可以商用的
Online font converter - TTF or WOFF fonts to C array | LVGL在线转换工具
字符集 | Unicode 编码范围 |
---|---|
基本汉字 | 0x4E00-0x9FA5 |
数字、拉丁字母、标点符号 | 0x20-0x7E |
c
LV_FONT_DECLARE(Font30) /* 声明字体 */
void my_gui(void)
{
lv_obj_t *font_label = lv_label_create(lv_scr_act());
lv_obj_set_style_text_font(font_label, &Font30, LV_STATE_DEFAULT);
lv_label_set_text(font_label, "我是天才");
lv_obj_center(font_label);
}
特殊图标
在使用特殊的图标的时候, 需要使用这一个图标的Unicode码, 之后需要的是UTF-8码,所以,需要把Unicode码转换成UTF-8编码才行。转换编码,可以使用下面的在线工具。
UTF-8工具:https://www.cogsci.ed.ac.uk/~richard/utf-8.cgi?input=F146&mode=hex
天气图标
和风天气官方提供了每个天气状况对应的图标,这些图标可以做成图片显示,也可以做成字体显示
awesome字体:用来显示温湿度的符号。
LVGL已经包含的57个就是awesome图标
awesome字体的下载链接如下。
因为温湿度的符号用键盘打不出来,所以只能在Range一栏写它的Unicode码。
温湿度符号的Unicode码是多少,可以在awesome官方网站对应符号页面看到。
温度符号页面链接:https://fontawesome.com/icons/temperature-three-quarters?f=classic&s=solid
湿度符号页面链接:https://fontawesome.com/icons/droplet?f=classic&s=solid
天气图标的Unicode码查看,需要使用一个字体编辑软件查看,比如Font Creator。
Font Creator软件下载地址:https://www.xitongzhijia.net/soft/116980.html
软件仅供交流学习使用,尊重版权,拒绝盗版,从你我做起。
使用Font Creator软件打开qweather-icon.ttf字体文件,就可以看到每个图标的Unicode码了,如下图所示。
天气图标的Unicode码查看,需要使用一个字体编辑软件查看,比如Font Creator。
Font Creator软件下载地址:https://www.xitongzhijia.net/soft/116980.html
使用Font Creator软件打开qweather-icon.ttf字体文件,就可以看到每个图标的Unicode码了
https://dev.qweather.com/docs/resource/icons/
上面这个链接可以查到各种天气图标对应的图标代码, 之后使用Font Creator软件获取所有需要使用的图标的Unicode编码