嵌入式大杂烩周记 | 第 2 期
Posted 嵌入式大杂烩
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了嵌入式大杂烩周记 | 第 2 期相关的知识,希望对你有一定的参考价值。
大家好,我是ZhengN。
嵌入式大杂烩周记主要是一些实用项目学习分享,每周一篇,每篇一个主题。
内容主要来源于我们之前收集的资料:
https://gitee.com/zhengnianli/EmbedSummary
本期主角:LingLongGUI
玲珑GUI是高效的界面开发解决方案。
代替串口屏、组态,降低产品成本,产品软硬件自主可控。
配套界面开发软件,图形化编辑界面,生成C代码,直接和用户产品代码结合。
配套下载升级软件和bootloader,解决产品升级功能和图片下载问题。
玲珑GUI源码地址:
https://gitee.com/gzbkey/LingLongGUI
license:Apache License, Version 2.0 + 附加协议。
关于开源软件协议相关文章:常用的开源协议有哪些?
教程链接:
https://www.yuque.com/books/share/3317aaa7-f47f-4bfd-a4c2-7e64e7f1c4be
LingLongGUI的使用
下面,我们通过一步一步地实践来认识认识LingLongGUI。
其实我们可以不下载源码,仅下载LingLongGuiBuilderTool工具即可,LingLongGuiBuilderTool是LingLongGUI配套的界面开发软件,通过拖拽控件的方式设计界面并生成代码。
注意:以下操作基于LingLongGuiBuilderTool_2022.1.18版本,不同的LingLongGuiBuilderTool版本可能操作不一样。
1、LingLongGuiBuilderTool里自定义屏幕分辨率
LingLongGui的作者有自己设计了几款开发板:
![](https://image.cha138.com/20220222/cc92bdaff45a4fea993dd3ca7caaa2ba.jpg)
其LingLongGuiBuilderTool工具默认只支持这几款开发板。LingLongGuiBuilderTool安装路径中的配置文件deviceType.ini中的内容如:
![](https://image.cha138.com/20220222/a13b909d05d946cea2d3eb263ee48644.jpg)
温馨提示:ini配置文件相关推文可转至嵌入式开发小记,实用小知识分享
下面的操作中,我们没有使用官方开发板来做实验,所以需要在配置文件里新增我们开发板的配置。我们使用小熊派IOT开发板来做实验,添加的内容如:
![](https://image.cha138.com/20220222/76b9c7f73050443e97485e2a53368708.jpg)
2、实践
实践步骤,上面的教程写得很清楚,下面跟着走一遍:
(1)准备一份LCD显示的例程。
(2)keil设置
keil Options for Target -- C/C++ -- 勾选C99
keil Options for Target -- C/C++ -- Misc Controls 填入
--no-multibyte-chars --locale=english
![](https://image.cha138.com/20220222/b0112dd722704c9985ca3fba56e17efe.jpg)
AC5必须填入--no-multibyte-chars,AC6则不需要
(3)启动gui builder,keil -- tools --LingLongGuiBuilder
![](https://image.cha138.com/20220222/5ebe55d38a934627bfcf558c119ed92d.jpg)
![](https://image.cha138.com/20220222/2128d926bf054eed8c92d139ccce17c8.jpg)
![](https://image.cha138.com/20220222/2f7996ed23c64a7b8de35b045ed3388e.jpg)
新建一个UI File,然后拖动控件设计我们的界面:
![](https://image.cha138.com/20220222/a4ebc914945f40199bb67b81af0ac780.jpg)
设计完成后 保存文件及工程
,然后点击左上角绿色三角形按钮或者点击Tool->Generate可生成对应GUI代码源文件存放于我们的工程目录下及自动添加到工程里:
![](https://image.cha138.com/20220222/8848e87a6c97427191ac097c2b99b674.jpg)
![](https://image.cha138.com/20220222/62717a1531064a56897bf5f001f0d9fb.jpg)
编译看看有没有报错:
![](https://image.cha138.com/20220222/a0f142eb579942d3b6296048c6d8d1a6.jpg)
如果报大量错误的话看看keil Options for Target是否按照上面的步骤进行修改。如果报如下错误:
![](https://image.cha138.com/20220222/fec5496112c247e6b8c6a34751dd54b2.jpg)
把LL_Config.h里的宏 USE_LLGUI_EX
屏蔽掉即可:
![](https://image.cha138.com/20220222/168776dd62e8446290a0081e520c41ed.jpg)
编译报了一些警告,这些警告是LLGUI相关的,一些变量定义未使用等警告,我们这里不管它们,也可以在keil Options for Target -- C/C++ -- Misc Controls加入如下内容屏蔽相关警告编号的警告:
--diag_suppress=xxx (这里的xxx表示警告的编号)
比如屏蔽掉550号警告:
--diag_suppress=550
相关内容可参考文章:
https://www.cnblogs.com/svchao/p/13917877.html
编译未报错我们再往下看。
(4)修改llGui\\User下的LL_Config.c文件
![](https://image.cha138.com/20220222/54ed8b50643243b48415dfde871f2e50.jpg)
修改如:
![](https://image.cha138.com/20220222/359a2edf4d6342fd912a26aad5581b3f.jpg)
LL_Config.c添加lcd.h包含:
![](https://image.cha138.com/20220222/bf7d8ca93fdc4cfeaa05199663488ebf.jpg)
(4)修改LL_Config.h中的屏幕参数
![](https://image.cha138.com/20220222/c3377c61e3aa4655aaef4c08c84dd100.jpg)
(5)增大堆的大小
![](https://image.cha138.com/20220222/ff78f236c48b4338bd0cbe8e70664b1e.jpg)
否则可能无法正常显示:控件无法显示或显示不全。
(5)在main.c中添加如下内容
#include "ui_test.h"
int main(void)
ui_testInit();
while(1)
![](https://image.cha138.com/20220222/c7494ef3f74149d592f74fca051a09de.jpg)
![](https://image.cha138.com/20220222/110a634726f14822aa434d42c3ff8306.jpg)
编译、下载即可看到我们刚才在LingLongGUIGuilderTool里设计的界面了:
通过上面的操作,我们发现LingLongGUI很容易地移到我们的工程里。
对比其它GUI,我们移植其它GUI时,可能需要自己新建、复制一些文件夹/文件到我们的工程目录下,再手动添加到keil工程里,再挨个添加头文件包含路径,这些操作挺烦人的。
而使用LingLongGUI时,通过LingLongGUIGuilderTool可以很方便地设计我们的UI界面、生成代码并自动添加到keil工程工程中,省了不少事!
另外,还有很方便的一点:
当LingLongGUI远程仓库有更新时,可以直接在生成的LingLongGUI文件夹下通过git来拉取最新代码:
![](https://image.cha138.com/20220222/d10ea4ec066f4d6ba0c3d59d73609bed.jpg)
![](https://image.cha138.com/20220222/557edd8fa2fa430da24b3d7194aa83b4.jpg)
LingLongGUI现在还处于起步阶段,还在不断完善优化中,势头还可以,大家可持续关注。
以上就是本次的分享,我们下期见~
往期推荐:
在公众号聊天界面回复1024,可获取嵌入式资源;回复 m ,可查看文章汇总。
点击阅读原文,查看更多分享。
以上是关于嵌入式大杂烩周记 | 第 2 期的主要内容,如果未能解决你的问题,请参考以下文章