LVGL lv_font字体(7)_lvgl 字体大小-程序员宅基地

技术标签: LVGL  

lv_font

font的声明在lv_font.h中,lvgl自带了很多大小字库就是在这里声明,比如

#define LV_FONT_DECLARE(font_name) extern lv_font_t font_name;
#if LV_FONT_MONTSERRAT_8
LV_FONT_DECLARE(lv_font_montserrat_8)
#endif

其中LV_FONT_MONTSERRAT_8lv_conf.h来控制是否包含进去

图标字体

如下是lvgl自带图标字体,在lv_symbol_def.h中定义,效果如下
在这里插入图片描述

例子

void lv_font_test(void)
{
    
	lv_obj_t* font_label;
	lv_obj_t* font_label1;
	lv_obj_t* src = lv_scr_act();

	static lv_style_t font_style;
	lv_style_init(&font_style);
	lv_style_set_text_font(&font_style, LV_STATE_DEFAULT, &lv_font_montserrat_12);
	font_label = lv_label_create(src, NULL);
	lv_obj_add_style(font_label,LV_LABEL_PART_MAIN, &font_style);
	lv_label_set_text_static(font_label, LV_SYMBOL_AUDIO " audio");
	lv_obj_align(font_label, NULL, LV_ALIGN_CENTER, 0, 0);

	static lv_style_t font_style1;
	lv_style_init(&font_style1);
	lv_style_set_text_font(&font_style1, LV_STATE_DEFAULT, &lv_font_montserrat_24);
	font_label1 = lv_label_create(src, NULL);
	lv_obj_add_style(font_label1, LV_LABEL_PART_MAIN, &font_style1);
	lv_label_set_text_static(font_label1, LV_SYMBOL_VIDEO " video");
	lv_obj_align(font_label1, NULL, LV_ALIGN_CENTER, 0, 30);
}

效果
在这里插入图片描述

创建字体

离线字体转换工具

win7安装node.js 13.9.0版本(亲测可以)
https://nodejs.org/dist/
cmd输入

npm i lv_font_conv -g

回车运行就会把 lv_font_conv 给安装好

lv_font_conv 的主要命令行参数在github有解释
https://github.com/lvgl/lv_font_conv

例如

lv_font_conv --no-compress --format lvgl --font heiti.ttf -o my_font.c -
-bpp 4 --size 30 --symbols 中国 -r 0x20-0x7F
创建普通字体

从lv_font_conv的命令来看,创建字体需要ttf/woff/woff2字体文件、还需要输入待创建的字符
如下,创建30像素大小普通字体,只需要 0-9 十个数字和中国2个汉字就可以了,也就是总共12个字符,采用4bpp抗锯齿,然后我们构建出用于创建此字库的命令

lv_font_conv --no-compress --format lvgl --font heiti.ttf -o my_font_heiti_30.c --bpp 4 --size 30 --symbols 中 -r 0x30-0x39 -r 0x56FD

在这里插入图片描述
如果文本的输入模式是UTF-8就可以直接输入,否则要用宏定义汉字的UTF-8编码

LV_FONT_DECLARE(my_font);
#define ZHONG "\xE4\xB8\xAD" //中字的 UTF-8 编码
#define GUO "\xE5\x9B\xBD" //国字的 UTF-8 编码
void lv_font_test(void)
{
    
	lv_obj_t* font_label;
	lv_obj_t* src = lv_scr_act();

	static lv_style_t font_style;
	lv_style_init(&font_style);
	lv_style_set_text_font(&font_style, LV_STATE_DEFAULT, &my_font);
	font_label = lv_label_create(src, NULL);
	lv_obj_add_style(font_label, LV_LABEL_PART_MAIN, &font_style);
	lv_label_set_text_static(font_label, ZHONG GUO "123456" );
	lv_obj_align(font_label, NULL, LV_ALIGN_CENTER, 0, 0);
}

在这里插入图片描述

创建图标字体

创建图标字体也是要获得ttf/woff/woff2字体文件,然后用转换工具
如下网址 https://www.iconfont.cn/
注册新建好项目,添加图标到项目后下载,比如
在这里插入图片描述

用如下命令

lv_font_conv --no-compress --format lvgl --font iconfont.ttf -o my_font_icon_30.c --bpp 4 --size 30 –r 0xe65b

0xe65b就是之前图标的 unicode 编码,添加这个c文件,然后和之前用法一样,lvgl只能接受utf-8编码,所以要把图标的 unicode 编码转化成 utf-8 编码,
可以用这个网址http://www.ltg.ed.ac.uk/~richard/utf-8.cgi
在这里插入图片描述

LV_FONT_DECLARE(my_font_icon_30);
#define MY_ICON "\xee\xb1\x90"
void lv_font_test(void)
{
    
	lv_obj_t* font_label;
	lv_obj_t* src = lv_scr_act();

	static lv_style_t font_style;
	lv_style_init(&font_style);
	lv_style_set_text_font(&font_style, LV_STATE_DEFAULT, &my_font_icon_30);
	font_label = lv_label_create(src, NULL);
	lv_obj_add_style(font_label, LV_LABEL_PART_MAIN, &font_style);
	lv_label_set_text(font_label, MY_ICON );
	lv_obj_align(font_label, NULL, LV_ALIGN_CENTER, 0, 0);
}

效果如下
在这里插入图片描述

创建合并字体

有时需要在一个label控件上同时显示普通字符和图标字符,就可以创建合并字体
,是让多个ttf(wof或woff2)文件中的字符合并到一个字库,也就是生成一个c字库文件,比如要把上面合成一个字库

lv_font_conv --no-compress --format lvgl --font heiti.ttf -r 0x20-0x7F --symbols 中国 --font iconfont.ttf -r 0xec50  -o my_font_icon_30.c --bpp 4 --size 30
LV_FONT_DECLARE(my_font_icon_30);
#define MY_ICON "\xee\xb1\x90"
#define ZHONG "\xE4\xB8\xAD" //中字的 UTF-8 编码
#define GUO "\xE5\x9B\xBD" //国字的 UTF-8 编码
void lv_font_test(void)
{
    
	lv_obj_t* font_label;
	lv_obj_t* src = lv_scr_act();

	static lv_style_t font_style;
	lv_style_init(&font_style);
	lv_style_set_text_font(&font_style, LV_STATE_DEFAULT, &my_font_icon_30);
	font_label = lv_label_create(src, NULL);
	lv_obj_add_style(font_label, LV_LABEL_PART_MAIN, &font_style);
	lv_label_set_text(font_label, MY_ICON ZHONG GUO "123456");
	lv_obj_align(font_label, NULL, LV_ALIGN_CENTER, 0, 0);
}

效果
在这里插入图片描述

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_41572450/article/details/111958016

智能推荐

爱达荷大学计算机科学专业,爱达荷大学(University of Idaho)计算机科学Computer Science专业排名第176-200位(2021年THE世界大学商科排名)...-程序员宅基地

文章浏览阅读138次。2021年THE泰晤士高等教育计算机科学Computer Science专业世界大学排名公布,爱达荷大学(University of Idaho)计算机科学世界排名第176-200位,爱达荷大学(University of Idaho)计算机科学专业实力怎么样呢?下面美英港新留学介绍爱达荷大学(University of Idaho)计算机科学专业培养计划,爱达荷大学(University of ..._爱达荷大学计算机属于哪个学院

计算集合的并集(set)_集合求并集-程序员宅基地

文章浏览阅读2.6k次。给你两个集合,计算其并集,即{A}+{B}。注意:{A}+{B}中不允许出现重复元素,但是{A}与{B}之间可能存在相同的元素。输入格式输入数据分为三行,第一行有两个数字n,m(0<n,m<10000),分别表示集合A和集合B的元素个数。后两行分别表示集合{A}和集合{B}。每个元素为不超过int范围的整数,每个元素之间用空格隔开。输出格式输出一行数据,表示合并后的集合,要求..._集合求并集

亿能bms上位机_BMS_CAN 基于USBCAN的BMS上位机软件,VC CSharp C#编程 238万源代码下载- www.pudn.com...-程序员宅基地

文章浏览阅读2k次,点赞2次,收藏3次。文件名称: BMS_CAN下载 收藏√ [5 4 3 2 1]开发工具: Visual C++文件大小: 1079 KB上传时间: 2015-05-06下载次数: 1提 供 者: 龚先生详细说明:基于USBCAN的BMS上位机软件,VC-The BMS USBCAN based PC software文件列表(点击判断是否您需要的文件,如果是垃圾请在下面评价投诉):上位机........_亿能上位机软件下载

QT QVTKWidge-程序员宅基地

文章浏览阅读307次。 把libQVTKWidgetPlugin.so放到指定文件夹下,即可/opt/Qt5.10.1/Tools/QtCreator/lib/Qt/plugins/designer/libQVTKWidgetPlugin.solibQVTKWidgetPlugin.so 在build VTK的VTK-8.1.2/build/lib目录..._qvtkwidge

Flutter错误记录_flutter warning: '@return' command used in a comme-程序员宅基地

文章浏览阅读1.7k次。1.Xcode12 打包报错Dart snapshot generator failed with exit code 1Building App.framework for arm64...Building AOT snapshot in release mode (ios-release)... 13.2sBuilt to build/aot/.Snapshotting (IOSArch.armv7) exited with non-zero exit code: 1_flutter warning: '@return' command used in a comment that is attached to a m

Ford-Fulkerson algorithm with capacity scaling_ford capacity 详解-程序员宅基地

文章浏览阅读714次。//// main.cpp// Ford-Fulkerson with capacity scaling//// Created by Longxiang Lyu on 8/9/16.// Copyright (c) 2016 Longxiang Lyu. All rights reserved.//#include #include #include #includ_ford capacity 详解

随便推点

GEE:遥感影像数据集的多个属性获取分析_gee如何读取数据集中feather-程序员宅基地

文章浏览阅读2.3k次,点赞2次,收藏23次。使用GEE,查看影像数据集的各个属性,如影像数量、影像时间范围、各个影像的时间、影像某属性的统计量等_gee如何读取数据集中feather

如何将LaTeX公式拷贝到Word中_latex公式转word-程序员宅基地

文章浏览阅读6.6w次,点赞52次,收藏91次。LaTeX可以方便地用来编辑公式,但是它的排版需要编译以后才能看到,Word就在公式编辑上着实让人觉得麻烦,但是Word可以及时显示你所编辑的内容。本文介绍一种方法来帮助你将LaTeX源码直接在Word中转化为公式。_latex公式转word

集论初步_最小单调类存在-程序员宅基地

文章浏览阅读1k次。1.逻辑基础1.1逻辑命题定义1:命题是一个或真或假的陈述语句,即陈述事实的句子,但不能既真又假。其是逻辑的基本成分。定义2:令p是一个命题,则⌝p表示p的否命题,表示“不是p说的情形”。定义3:令p、q都是命题,p、q的合取命题用“p∧q”表示,指命题“p且q”。当且仅当p、q都真时该合取为真。定义4:令p、q都是命题,p、q的析取命题用“p∨q”表示,指命题“p或q”。当且..._最小单调类存在

6—CSS基础选择器(标签选择器、类选择器、id选择器)-程序员宅基地

文章浏览阅读2.4k次,点赞2次,收藏5次。6—CSS基础选择器(标签选择器、类选择器、id选择器)_标签选择器

谷歌静态资源库加速-程序员宅基地

文章浏览阅读521次。修改https://ajax.googleapis.com/为http://ajax.proxy.ustclug.org/或者谷歌字体也可以font.lug.ustc.edu.cn ajax.lug.ustc.edu.cn

qt设置窗口置顶_Qt保持窗口在最上方-程序员宅基地

文章浏览阅读8.5k次,点赞2次,收藏8次。前言在Qt开发桌面软件的过程中,根据开发的需求不同,我们经常需要将弹出窗口,一般常见的是需要是以下两种。锁定弹出的窗口,阻塞其他窗口(包括主窗口)的操作,只有关闭当前窗口才能点击其他窗口或者主窗口保持当前窗口一直显示在最顶层,但是不锁定(即同时可以操作其他窗口),同时也需要保证不影响其他程序知识准备首先我们需要了解一下 QMainWindow、QWidget、QDialog 的区别。具体可以看以下..._新的witget可以置顶显示并且阻塞别的窗口吗