草庐IT

lvgl显示中文和自定义图标

不咸不要钱 2023-10-25 原文

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;

}
自定lvglspanclasstoken嵌入式单片机gui

有关lvgl显示中文和自定义图标的更多相关文章

  1. ruby - Facter::Util::Uptime:Module 的未定义方法 get_uptime (NoMethodError) - 2

    我正在尝试设置一个puppet节点，但ruby​​gems似乎不正常。如果我通过它自己的二进制文件(/usr/lib/ruby/gems/1.8/gems/facter-1.5.8/bin/facter)在cli上运行facter，它工作正常，但如果我通过由ruby​​gems(/usr/bin/facter)安装的二进制文件，它抛出:/usr/lib/ruby/1.8/facter/uptime.rb:11:undefinedmethod`get_uptime'forFacter::Util::Uptime:Module(NoMethodError)from/usr/lib/ruby

  2. ruby-on-rails - Rails 编辑表单不显示嵌套项 - 2

    我得到了一个包含嵌套链接的表单。编辑时链接字段为空的问题。这是我的表格:Editingkategori{:action=>'update',:id=>@konkurrancer.id})do|f|%>'Trackingurl',:style=>'width:500;'%>'Editkonkurrence'%>|我的konkurrencer模型:has_one:link我的链接模型:classLink我的konkurrancer编辑操作:defedit@konkurrancer=Konkurrancer.find(params[:id])@konkurrancer.link_attrib

  3. ruby - 解析 RDFa、微数据等的最佳方式是什么，使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

    我主要使用Ruby来执行此操作，但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式，例如使用这个yaml文件，它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

  4. ruby-on-rails - Rails 3.2.1 中 ActionMailer 中的未定义方法 'default_content_type=' - 2

    我在我的项目中添加了一个系统来重置用户密码并通过电子邮件将密码发送给他，以防他忘记密码。昨天它运行良好(当我实现它时)。当我今天尝试启动服务器时，出现以下错误。=>BootingWEBrick=>Rails3.2.1applicationstartingindevelopmentonhttp://0.0.0.0:3000=>Callwith-dtodetach=>Ctrl-CtoshutdownserverExiting/Users/vinayshenoy/.rvm/gems/ruby-1.9.3-p0/gems/actionmailer-3.2.1/lib/action_mailer

  5. ruby-on-rails - form_for 中不在模型中的自定义字段 - 2

    我想向我的Controller传递一个参数，它是一个简单的复选框，但我不知道如何在模型的form_for中引入它，这是我的观点:{:id=>'go_finance'}do|f|%>Transferirde:para:Entrada:"input",:placeholder=>"Quantofoiganho?"%>Saída:"output",:placeholder=>"Quantofoigasto?"%>Nota:我想做一个额外的复选框，但我该怎么做，模型中没有一个对象，而是一个要检查的对象，以便在Controller中创建一个ifelse，如果没有检查，请帮助我，非常感谢,谢谢

  6. ruby - 主要 :Object when running build from sublime 的未定义方法 `require_relative' - 2

    我已经从我的命令行中获得了一切，所以我可以运行rubymyfile并且它可以正常工作。但是当我尝试从sublime中运行它时，我得到了undefinedmethod`require_relative'formain:Object有人知道我的sublime设置中缺少什么吗？我正在使用OSX并安装了rvm。 最佳答案 或者，您可以只使用“require”，它应该可以正常工作。我认为“require_relative”仅适用于ruby​​1.9+ 关于ruby-主要:Objectwhenrun

  7. ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB？ - 2

    所以我在关注Railscast，我注意到在html.erb文件中，ruby代码有一个微弱的背景高亮效果，以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果？谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*，只需点击cmd+shift+P即可获得命令菜单，然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中，键入ERB并在看到包时选择

  8. ruby-on-rails - link_to 不显示任何 rails - 2

    我试图在索引页中创建一个超链接，但它没有显示，也没有给出任何错误。这是我的index.html.erb代码。ListingarticlesTitleTextssss我检查了我的路线，我认为它们也没有问题。PrefixVerbURIPatternController#Actionwelcome_indexGET/welcome/index(.:format)welcome#indexarticlesGET/articles(.:format)articles#indexPOST/articles(.:format)articles#createnew_articleGET/article

  9. ruby-on-rails - 如何在 Rails View 上显示错误消息？ - 2

    我是rails的新手，想在form字段上应用验证。myviewsnew.html.erb.....模拟.rbclassSimulation{:in=>1..25,:message=>'Therowmustbebetween1and25'}end模拟Controller.rbclassSimulationsController我想检查模型类中row字段的整数范围，如果不在范围内则返回错误信息。我可以检查上面代码的范围，但无法返回错误消息提前致谢 最佳答案 关键是您使用的是模型表单，一种显示ActiveRecord模型实例属性的表单。c

  10. ruby - 在 Ruby 中有条件地定义函数 - 2

    我有一些代码在几个不同的位置之一运行:作为具有调试输出的命令行工具，作为不接受任何输出的更大程序的一部分，以及在Rails环境中。有时我需要根据代码的位置对代码进行细微的更改，我意识到以下样式似乎可行:print"Testingnestedfunctionsdefined\n"CLI=trueifCLIdeftest_printprint"CommandLineVersion\n"endelsedeftest_printprint"ReleaseVersion\n"endendtest_print()这导致:TestingnestedfunctionsdefinedCommandLin

随机推荐