lvgl显示中文和自定义图标

最新推荐文章于 2024-05-24 17:56:30 发布

不咸不要钱

最新推荐文章于 2024-05-24 17:56:30 发布

阅读量8.1k

点赞数 12

分类专栏： LVGL 文章标签：嵌入式单片机 lvgl gui

本文链接：https://blog.csdn.net/weixin_42378319/article/details/127447848

版权

LVGL 专栏收录该内容

10 篇文章 2 订阅

订阅专栏

lvgl显示中文和自定义图标

显示中文

制作字库

lvgl字库在线制作网址 https://lvgl.io/tools/fontconverter

下面以制作 “按钮” 这两个汉字字库为例

首先选择一个字体文件可以在网上找，也可以去电脑 C:\Windows\Fonts 里挑一个顺眼的
确定要转换的字符

在这里插入图片描述
然后就会生成一个字库.c文件，将该文件添加到工程中，然后如下调用显示

void lv_example_label(void)
{
    lv_obj_t * label1 = lv_label_create(lv_scr_act());
    
    //声明字库
    LV_FONT_DECLARE(zhongwen);
    
    //设置字库
    lv_obj_set_style_text_font(label1, &zhongwen, 0);
    
    lv_label_set_text(label1, "按钮");
}

需要注意的是生成的字库只支持utf-8编码，例如你要制作一个汉字 ‘按钮’ 的字库，制作字库的时候会将 ‘按’的 utf-8 码和制作出来的字库相关联，可以通过 ‘按’的 utf-8 码在字库中找到对应的显示矩阵，如果你的工程文件不是utf-8 编码，显示汉字就会出问题，可以使用notepad++ 打开文件将文件转化位utf-8格式。
在这里插入图片描述

显示自定义图标

显示图标

在这里插入图片描述
lvgl中自带了一些常用图标，可以像显示文字一样显示图标

void lv_example_label_2(void)
{
    lv_obj_t * label1 = lv_label_create(lv_scr_act());
    
    //显示图标
    lv_label_set_text(label1, LV_SYMBOL_AUDIO "123");
}

在这里插入图片描述
自带的图标很好用，但是有一个问题，如果想要显示汉字+图标，就会发现图标显示不出来了，因为制作的汉字字库中没有图标。这时候可以使用两个label，一个显示图标，一个显示汉字，也可以在制作汉字字库时将图标添加进去。

制作字库

打开登录阿里巴巴矢量库
选择喜欢的图标加入购物车，添加到项目
打包下载图库
将图标添加到字库中
显示汉字+图标

#define MY_ICON_WIFI  "\xEE\x99\x88"
void lv_example_label_2(void)
{
    lv_obj_t * label1 = lv_label_create(lv_scr_act());
    
    //声明字库
    LV_FONT_DECLARE(zhongwen);
    
    //设置字库
    lv_obj_set_style_text_font(label1, &zhongwen, 0);
    
    //显示汉字+图标
    lv_label_set_text(label1, MY_ICON_WIFI "按钮");
}

在这里插入图片描述

需要注意的是图标的unicode 码为 0xe648, 但是在工程中需要使用utf-8码 \xEE\x99\x88，需要将Unicode转换为utf-8.

unicode 转 utf-8

unicode 转 utf-8 十分简单，下面是c#的代码和小工具
在这里插入图片描述

private void btnConvert_Click(object sender, EventArgs e)
{
    string str = txbS.Text;
    //剔除空格
    string strNoSpace = str.Replace(" ", "");

    byte[] bytes = new byte[2];


    bytes[1] = Convert.ToByte(strNoSpace.Trim().Substring(0, 2), 16);
    bytes[0] = Convert.ToByte(strNoSpace.Trim().Substring(2, 2), 16);

    txbD.Text = System.Text.Encoding.Unicode.GetString(bytes);

    byte[] utf8 = Encoding.UTF8.GetBytes(txbD.Text);
    string s3 = ""; 
    foreach (byte b in utf8)
    {
        // s3 += Convert.ToString(b, 16) + " ";
        s3 += string.Format("{0:X2}", b) + " ";

    }
    txbD.Text = s3;

}