Littlevgl 显示汉字

　

VGL

先生成字库文件，可以用官方在线工具

图片转换: https://littlevgl.com/image-to-c-array

字体转换: https://littlevgl.com/ttf-font-to-c-array

也可以用下面的字体生成工具。

https://download.csdn.net/download/xinxiaoci/10905909

字体相关的结构体成员

static const uint8_t glyph_bitmap[]={……}; // 点阵数据

static const lv_font_glyph_dsc_t glyph_dsc[]={}; // 字体描述 {字体宽度，字体在点阵数中的起始索引值}

static const uint32_t unicode_list[] = {}; // 对应的Unicode编码

填充结构体

lv_font_t basics_chinese_21 = 
{
    .unicode_first = 32,	/* Unicode 最小编码 */
    .unicode_last = 65292,	/* Unicode 最大编码 */
    .h_px = 21,				/* 字体高度 */
    .glyph_bitmap = glyph_bitmap,	/* 字体点阵数据 */
    .glyph_dsc = glyph_dsc,		/* 字体点阵描述 宽度, */
    .unicode_list = unicode_list,	/* 字库所包含的Unicode编码列表 */
    .get_bitmap = lv_font_get_bitmap_sparse,	/* littlevgl 自带函数 */
    .get_width = lv_font_get_width_sparse,	/* littlevgl 自带函数 */
    .bpp = 4,				/* 抗锯齿 */
    .next_page = NULL,		/* 字体扩展指针 */
};

在头文件中调用 LV_FONT_DECLARE 宏声明自己定义的字体

LV_FONT_DECLARE(basics_chinese_21); 

调用方法，在需要用到汉字的地方，创建新的样式 style ，在样式中修改字体，然后基于新样式创建对象。

void lv_chinese_fonts1(void)
{
    /*concatenate the fonts into one*/
//    lv_font_add(&arial_cyrillic_20, &arial_ascii_20); 相同高度才可以添加到一起
//    lv_font_add(&arial_math_20, &arial_ascii_20);

    /* 创建一个新的样式，并且修改新样式的文本字体 */
    static lv_style_t style1; 
    lv_style_copy(&style1, &lv_style_plain);
    style1.text.font = &basics_chinese_21; /* 设置自定义字体 */

    /*Create a label and set new text*/
    lv_obj_t * label = lv_label_create(lv_scr_act(), NULL); /* 创建标签 */
    lv_obj_set_pos(label, 10, 10);       /* 设置相对位置 */
    lv_label_set_style(label, &style1);  /* 设置样式 */
    lv_label_set_text(label, "hello world!\n 世界你好,我是littleVGL!");      /* 显示汉字 */
}

在main函数中调用即可；

模拟器效果如下

相关阅读

littlevGL:字体与汉字

使用各种嵌入式GUI时，总会遇到“汉字显示”“字体”这些关卡。 阅读本文前，最好已经了解Uincode,UTF-8,UTF-16,GBK,GB2312相关知识，