[应用相关] AN0018—LittlevGL在AT32上的移植说明

[复制链接]
 楼主| muyichuan2012 发表于 2020-6-6 20:57 | 显示全部楼层 |阅读模式
本帖最后由 muyichuan2012 于 2020-10-21 10:21 编辑

AN0018—LittlevGL在AT32上的移植说明

更新记录:2020年10月21日
增加图像转换工具LvglImgTool_V0.2.rar到附件中
另外,图像转换工具也可自行下载,下载地址如下,
http://www.lfly.xyz/forum.php?mo ... &extra=page%3D1

2020年6月15 日
增加字体转换工具 LvglFontTool_V0.2
增加Test1~Test6  源程序

概述
LittlevGL 是一个开源免费的GUI,支持触摸屏操作,移植简单方便,开发者一直在不断完善更新。
LittlevGL 自带了丰富的控件:窗口、按键、标签、list、图表等,还可以自定义控件;支持很多特效:透明、阴影、自动显示隐藏滚动条、界面切换动画、图标打开关闭动画、平滑的拖拽控件、分层显示、反锯齿、仅耗少量内存的字体等等。LittlevGL 常见于 MCU级别的设备,支持各类输入输出接口与芯片,支持使用GPU,源码以C语言编写。
这篇应用笔记描述如何将LittlevGL移植到AT32 MCU上。并简要介绍了LittlevGL的控件及一些工具的使用方法。
LittlevGL官网地址:https://littlevgl.com/
tu1.png

支持型号列表:
支持型号
AT32F403xx
AT32F413xx
AT32F415xx
AT32F403Axx
AT32F407xx

目录
概述 .................................................. 6
AT32 硬件准备 ................................... 7
将LittlevGL 移植到AT32 上 .................. 9
基础工程准备 ...................................... 9
工程文件结构调整 .............................. 9
工程文件配置调整 ............................... 9
工程内添加LittlevGL 源码 .................... 12
源码下载 ............................................12
源码放置路径 .....................................12
源码添加到工程内 ............................. 12
整体工程文件介绍 ............................. 13
工程代码的修改 ................................ 13
lv_conf.h 文件修改 ........................... 13
编译及对应修改 ...............................14
GUI 库的移植 ................................... 14
官方例程移植示例 ............................16
添加例程源码 .................................. 16
源码修改 ........................................ 17
源码调用 ....................................... 18
下载验证 ....................................... 18
控件简介及示例 ............................ 19
基础控件 ...................................... 19
概述 ........................................... 19
关键宏定义 ................................ 19
API 函数 .................................... 19
控件使用示例 .............................20
Label .......................................... 21
概述 .......................................... 21
关键宏定义 ................................ 21
API 函数 ................................... 21
控件使用示例 ............................ 22
Image ...................................... 22
概述 ........................................ 22
关键宏定义 ............................... 22
API 函数 ...................................22
控件使用示例 ...........................22
Line ........................................23
概述 ........................................23
关键宏定义 .............................. 23
API 函数 ................................. 23
控件使用示例 ..........................23
其他控件 ................................ 24
新字体及图像添加方法 ............ 25
添加新字体 .............................. 25
新字体的生成 ........................... 25
新字体的使用 ........................... 26
添加新图像 ...............................26
图像生成 ...................................26
图像使用 ................................... 27
图像背景选择性显示 .................. 27
参考及引用资料 .........................29
注意事项 ................................... 30
版本历史 ................................... 31


Note:相关文档和源代码请查看附件。








AN0018_LittlevGL_on_AT32_MCU_ZH_V1.0.2.pdf

1.33 MB, 下载次数: 836

AN0018_LittlevGL_Image.zip

15.64 MB, 下载次数: 601

AN0018_LittlevGL_on_403.zip

15.71 MB, 下载次数: 440

AN0018_LittlevGL_on_403A.zip

15.71 MB, 下载次数: 748

AN0018_LittlevGL_on_413.zip

15.71 MB, 下载次数: 466

LvglFontTool_V0.2.zip

8.69 MB, 下载次数: 309

LittlevGL_Test1.rar

7.71 MB, 下载次数: 457

LittlevGL_Test2.rar

7.72 MB, 下载次数: 230

LittlevGL_Test3.rar

7.72 MB, 下载次数: 264

LittlevGL_Test4.rar

7.72 MB, 下载次数: 251

LittlevGL_Test5.rar

7.72 MB, 下载次数: 308

LittlevGL_Test6.rar

7.72 MB, 下载次数: 232

LvglImgTool_V0.2.rar

7.19 MB, 下载次数: 186

wangjiahao88 发表于 2020-6-7 20:24 | 显示全部楼层
看看!感谢分享!
dami 发表于 2020-6-8 12:14 | 显示全部楼层
看看!感谢分享!
AKOO 发表于 2020-6-12 09:47 | 显示全部楼层
我就说,这么高主频的芯片不上个GUI真是可惜了。
这下安逸了。
小涛DZGZS 发表于 2020-7-6 16:46 | 显示全部楼层
LittlevGL 函数说明要是其他控件都介绍完那就完美了
 楼主| muyichuan2012 发表于 2020-7-6 18:29 | 显示全部楼层

LVGL教程教程汇总

本帖最后由 muyichuan2012 于 2020-7-16 09:40 编辑
小涛DZGZS 发表于 2020-7-6 16:46
LittlevGL 函数说明要是其他控件都介绍完那就完美了

希望以下两份附件可以帮助到您。
为了便于大家学习LVGL,我把正点原子的LVGL教程也放到附件中。

LittelvGL 使用教程 .PDF

3.14 MB, 下载次数: 247

开源GUI LittlevGL应用教程.pdf

7.39 MB, 下载次数: 301

1.littleVGL移植.pdf

1.65 MB, 下载次数: 173

2.使用外部sram进行加速.pdf

757.21 KB, 下载次数: 144

3.lv_conf配置文件详解.pdf

669.24 KB, 下载次数: 139

4.PC模拟器的使用.pdf

1.31 MB, 下载次数: 142

5.Tasks任务系统.pdf

924.79 KB, 下载次数: 119

6.lv_obj基础对象.pdf

1.1 MB, 下载次数: 123

7.lv_label标签控件.pdf

794.61 KB, 下载次数: 126

8.lv_style样式.pdf

916.84 KB, 下载次数: 120

9.lv_font字体.pdf

1.34 MB, 下载次数: 128

10.lv_cont容器.pdf

902.06 KB, 下载次数: 122

11.lv_btn按钮.pdf

577.63 KB, 下载次数: 120

12.Events事件.pdf

555.38 KB, 下载次数: 123

13.lv_led指示灯.pdf

497.77 KB, 下载次数: 120

14.lv_arc弧形.pdf

490.37 KB, 下载次数: 116

15.lv_bar进度条.pdf

496.69 KB, 下载次数: 112

16.lv_cb复选框.pdf

513.85 KB, 下载次数: 113

17.lv_line线条.pdf

495.11 KB, 下载次数: 110

18.lv_slider滑块.pdf

519.61 KB, 下载次数: 113

19.lv_sw开关.pdf

532.23 KB, 下载次数: 112

20.lv_btnm矩阵按钮.pdf

658.45 KB, 下载次数: 106

21.lv_lmeter刻度指示器.pdf

496.17 KB, 下载次数: 112

22.lv_gauge仪表盘.pdf

535.68 KB, 下载次数: 114

23.lv_calendar日历.pdf

647.81 KB, 下载次数: 110

24.lv_mbox消息对话框.pdf

613.86 KB, 下载次数: 114

25.lv_page页面.pdf

800.13 KB, 下载次数: 115

26.lv_chart图表.pdf

846.51 KB, 下载次数: 113

27.lv_table表格.pdf

611.2 KB, 下载次数: 115

28.lv_preload预加载.pdf

491.3 KB, 下载次数: 117

29.lv_tabview选项卡.pdf

597.54 KB, 下载次数: 109

30.lv_ta文本域.pdf

678.33 KB, 下载次数: 112

31.lv_kb键盘.pdf

687.78 KB, 下载次数: 122

32.lv_spinbox递增递减.pdf

527.85 KB, 下载次数: 113

33.lv_img图片.pdf

692 KB, 下载次数: 129

34.lv_imgbtn图片按钮.pdf

533.26 KB, 下载次数: 118

35.lv_win窗体.pdf

612.82 KB, 下载次数: 117

36.lv_list列表.pdf

586.61 KB, 下载次数: 113

37.lv_ddlist下拉列表框.pdf

555.34 KB, 下载次数: 114

38.lv_roller滚轮.pdf

563.69 KB, 下载次数: 115

39.lv_canvas画布.pdf

627.34 KB, 下载次数: 120

40.lv_theme主题.pdf

770.27 KB, 下载次数: 116

小涛DZGZS 发表于 2020-7-7 08:54 | 显示全部楼层
muyichuan2012 发表于 2020-7-6 18:29
希望以下两份附件可以帮助到您。

谢谢 我研究研究
 楼主| muyichuan2012 发表于 2020-7-16 11:01 | 显示全部楼层
增加正点原子LVGL教程,希望对大家有帮助。

评论

谢谢楼主!  发表于 2023-12-7 10:36
zeshoufx 发表于 2020-7-16 22:07 | 显示全部楼层
谢谢分享【LittlevGL在AT32上的移植】
2271212009 发表于 2020-7-20 08:07 | 显示全部楼层
muyichuan2012 发表于 2020-7-16 11:01
增加正点原子LVGL教程,希望对大家有帮助。

同样的屏幕和板卡硬件烧录固件后出现的界面不一样,怎么接线的呢???
ly87802541 发表于 2020-7-20 13:14 | 显示全部楼层
厉害啦我的哥!好资源啊
 楼主| muyichuan2012 发表于 2020-7-20 17:01 | 显示全部楼层
2271212009 发表于 2020-7-20 08:07
同样的屏幕和板卡硬件烧录固件后出现的界面不一样,怎么接线的呢??? ...

希望附件中的电路图对您有帮助。

BF3901_SENSOR.pdf

442.9 KB, 下载次数: 108

小安博 发表于 2020-8-10 23:28 | 显示全部楼层
本帖最后由 小安博 于 2020-8-20 15:23 编辑

使用上面的demo下载到开发板上面去, 程序一上电就会进去HardFault_Handler函数。 这是什么原因?

评论

请先开起22 K SRAM  发表于 2020-9-7 18:17
whd9732 发表于 2020-9-7 10:36 | 显示全部楼层
小安博 发表于 2020-8-10 23:28
使用上面的demo下载到开发板上面去, 程序一上电就会进去HardFault_Handler函数。 这是什么原因?
...

单片机堆栈设置大一点

评论

如果使用的AT32F403的话 请先用ICP tool把SRAM扩展到224 K  发表于 2020-10-13 18:55
caigang13 发表于 2020-10-14 09:03 | 显示全部楼层
界面看起来还不错
wsnsyy 发表于 2020-10-20 16:13 | 显示全部楼层
wangwu1976@ 发表于 2023-4-4 10:32 | 显示全部楼层
先收藏,谢谢分享
updownq 发表于 2023-4-4 21:44 | 显示全部楼层
littlevgl是一个小型开源嵌入式 GUI 库(简称LVGL),界面精美,消耗资源小,可移植度高,支持响应式布局,全库采用纯 c 语言开发,移植上手简单。
burgessmaggie 发表于 2023-4-4 22:11 | 显示全部楼层
现在手头没有现成的可以移植LittlevGL得板子
10299823 发表于 2023-4-4 22:26 | 显示全部楼层
这个对单片机有什么要求呢              
您需要登录后才可以回帖 登录 | 注册

本版积分规则

215

主题

2065

帖子

37

粉丝
快速回复 返回顶部 返回列表