LVGL 官方UI设计工具 EdgeLine代码移植
LVGL 官方UI设计工具EdgeLine代码移植
一、Tools
-
LVGL v7.8 Edgeline bata 0.3b
二、Porting
- 准备移植好的LVGL8-MDK工程。（必须是v7版本，Edgeline目前只支持LVGL v7）
- 打开Edgeline, 登录账号，新建工程，简单设计一个测试面板。
选择自己LCD尺寸（比如我采用的2.7寸LCD, 则填写W240 * H320 ）
可以通过软件最下面的Asset面板右下角的ADD FILE INTO ASSETS添加用户的images素材。
我们拖一个IMGBUTTON组件，并设置该组件的Image default属性。
导出代码到MDK项目的GUI_APP目录下；
打开MDK项目，进入下一步。
三、MDK代码修改
- 在GUI_APP下引入生成的.C文件。
其中：img_开头的为图片素材代码（待会更改），另外一个为UI显示主文件。
- 打开Testboard_ui.h文件，添加主函数声明（用作main.h调用）。
- 打开LVGL官方在线图片转换工具
如果图片是采用PNG背景透明类的图片，则进行如下转换设置。
其中Name可以设置为之前Edgeline生成的代码文件的名称一样方便我们直接覆盖，免去修改变量名称等操作。
- 将转换下载的代码文件复制到，MDK工程的GUI_APP目录下进行覆盖。
- 打开Testboard_ui.c 其中有以下两处报错。
第一处解决：我们应打开GUI目录下的lv_config.h文件，使能 LV_USE_USER_DATA。 第二处解决：在前面添加&符号。
- 在main.c中引入头文件和测试函数。
