立即注册 找回密码

微雪课堂

搜索
微雪课堂 图形用户界面(GUI) 查看内容

STM32之littlevGL系列教程:汉字显示

2020-3-29 13:49| 发布者: imliubo| 查看: 9712| 评论: 0|原作者: IAMLIUBO

摘要: Hi,大家好,欢迎来到STM32之littlevGL课堂,我们在上节课中学习了窗口控件(lv_win),本节课带大家学习如何显示汉字,可能就有同学说了,汉字显示不是很简单吗?是的,在很多PC级别的图形库上确实很简单,但是这里由 ...
Hi,大家好,欢迎来到STM32之littlevGL课堂,我们在上节课中学习了窗口控件(lv_win),本节课带大家学习如何显示汉字,可能就有同学说了,汉字显示不是很简单吗?是的,在很多PC级别的图形库上确实很简单,但是这里由于littlevGL目前还只针对嵌入式设备,所以就显的相对有点麻烦了,不过也没有那么麻烦,那么废话不多说!
一 有图有真相

没错,这里为了给大家演示汉字显示,只做了一个很简单的Demo,不过麻雀虽小,五脏俱全。
二 代码分析
LV_FONT_DECLARE(ChineseFont)

void Chinese_character_test(void){
    static lv_style_t style1;
    lv_style_copy(&style1, &lv_style_plain);
    style1.text.font = &ChineseFont; /* 设置自定义字体 */

    /*Create a label and set new text*/
    lv_obj_t * label = lv_label_create(lv_scr_act(), NULL);       /* 创建标签 */
    lv_obj_align(label, NULL, LV_ALIGN_CENTER, -500, 0);         /* 设置相对位置 */
    lv_label_set_style(label, LV_LABEL_STYLE_MAIN, &style1);     /* 设置样式 */
    lv_label_set_text(label, "你好,微雪课堂!这里是汉字显示展示!"); /* 显示汉字 */
}
大家对LV_FONT_DECLARE(ChineseFont)这个声明有没有很熟悉呢?是的,这个跟之前我们声明图片文件一样,同样的在这里是声明我们的字体文件,其实就是字体取模,这里为了方便大家,我把常用的六千多个汉字都已经给大家取好模了,大家可以直接使用,当然缺点就是文件非常大(9M多),当然大家可以点开下面链接只取自己需要的汉字的模,这样文件就会小很多,也更加适合在嵌入式设备中使用了,链接:
不过这里哦推荐给大家另一个工具,是一位叫阿里的大神写的,我觉得还是非常好用的,因为上面的链接有时候会经常打不开,所以大家可以下载下面的工具使用,是可以免费使用的,感谢阿里的付出。
大家到上面的网址下载即可,这里简单附一张图,告诉大家怎么使用。

我们在左侧栏中输入要转换的汉字即可,然后选择字体和字号,就可以直接开始转换了,最后我们点击保存会生成一个C文件,我们将文件加入到我们的工程树就可以了,如下图:

不过这里大家可以先下载我处理好的文件测试这个Demo:

ChineseFont.zip

下面我们来分析一下代码,我们这里先创建了一个样式,然后复制了一个默认的样式,当然也可以不复制,因为这里我们需要的只有样式的字体部分:
style1.text.font = &ChineseFont; /* 设置自定义字体 */
每一个样式都可以设置一个字体,然后对象设置为此样式后,都会使用样式设置的字体去渲染对象的文字,所以这是最重要的一步!一定要将将我们的字体绑定到样式上,然后接下来就跟使用标签对象没有什么区别了,不过还是那句话,一定要通过下面的函数,将样式与对象绑定:
lv_label_set_style(label, LV_LABEL_STYLE_MAIN, &style1);     /* 设置样式 */
然后我们就可以开心的显示各种汉字文本了,大家有没有学会呢?最重要的是不要忘记下载上面的的字库文件,然后添加到我们的工程去,大家可以去测试一下了!

OK,本节课就到这里,下节课我们学习我们讲了很多次的样式,到底都有哪些属性!

169

顶一下

刚表态过的朋友 (169 人)

相关阅读

最新评论

微雪官网|产品资料|手机版|小黑屋|微雪课堂. ( 粤ICP备05067009号 )

GMT+8, 2024-11-2 23:50 , Processed in 0.015734 second(s), 17 queries .

返回顶部