LCD（mipi）+LVGL +gui（适配V8.x版本）

发布于 2024-04-29 21:09:58 浏览：628 订阅该版

[tocm]

前言：很荣幸能参与RT-Thread  Vision Board 开发板的测评活动，也感谢大家的帮助与支持。
# 一.开箱：
![微信图片_20240429100622.jpg](https://oss-club.rt-thread.org/uploads/20240429/004644e1c2af98f7a246ac1374ef9332.jpg.webp)

![微信图片_20240429100630.jpg](https://oss-club.rt-thread.org/uploads/20240429/98e4968c0d3493a23e143bb5b84ed4fb.jpg.webp)
开发板非常的小巧精致，功能多样且齐全！
# 二.开发环境：
RT-THREAD Studio:2.2.7
RA8D1 Vision Board开发板
根据开发板环境搭建手册和RB君老师的教程完成即可。
https://docs.qq.com/doc/DY2hkbVdiSGV1S3JM
 https://www.bilibili.com/video/BV1Z6421M7We/?share_source=copy_web&vd_source=f952b354df3eb7cfe3fe8e8794d3ab70
![Snipaste_2024-04-29_13-07-21.bmp](https://oss-club.rt-thread.org/uploads/20240429/35521abb2ccf2d1778397a46ddb79d12.bmp.webp)

![Snipaste_2024-04-29_13-07-35.bmp](https://oss-club.rt-thread.org/uploads/20240429/2cca008aa72a7d4ba6c43c0802168c1b.bmp.webp)

![Snipaste_2024-04-29_14-13-15.bmp](https://oss-club.rt-thread.org/uploads/20240429/35935cc5642310959697e9ce07fcf8c7.bmp.webp)

# 三.新建RTT工程:

![微信截图_20240429195928.png](https://oss-club.rt-thread.org/uploads/20240429/37227b0e286fce4386b5806807676c20.png.webp)
# 四.利用SquareLine Studio设计ui界面：
1.创建SquareLine Studio项目，设置好分辨率，文件位置等
![Snipaste_2024-04-29_20-35-32.bmp](https://oss-club.rt-thread.org/uploads/20240429/83ee3e875ae804c506d2e01e94628710.bmp.webp)
2.
设置文件生成的ui位置
![Snipaste_2024-04-29_20-36-00.bmp](https://oss-club.rt-thread.org/uploads/20240429/767fd3040680683a2a6711025f8fca54.bmp.webp)

![Snipaste_2024-04-29_20-36-19.bmp](https://oss-club.rt-thread.org/uploads/20240429/de978f74ae502fcc2879d64a879379f0.bmp.webp)
创建ui文件：

![Snipaste_2024-04-29_20-37-15.bmp](https://oss-club.rt-thread.org/uploads/20240429/12f63b7adde07edb6692fd810940ff0a.bmp.webp)
3.生成且设计ui界面，其中可以自定义背景颜色，添加图片文字事件还可以设置动画等等。
![Snipaste_2024-04-29_20-33-34.bmp](https://oss-club.rt-thread.org/uploads/20240429/0c0b85774c3e61ac439189094eb47e71.bmp.webp)
4.将生成的ui文件加入项目中

![Snipaste_2024-04-29_20-55-13.bmp](https://oss-club.rt-thread.org/uploads/20240429/14287a3fb7570bd7efc63fa1293f17ed.bmp.webp)
5.自建lv_rt_thread_use.c文件，放置ui初始化

![Snipaste_2024-04-29_20-55-37.bmp](https://oss-club.rt-thread.org/uploads/20240429/efb94aab7a36676a0da3810207248890.bmp.webp)
# 五，图片展示：
目前还在设计先用示列
![微信图片_20240429205000.jpg](https://oss-club.rt-thread.org/uploads/20240429/21f26c446866cc9186c005789ba55312.jpg.webp)
![微信图片_20240429204954.jpg](https://oss-club.rt-thread.org/uploads/20240429/7365af9242522882b7595dad55eaf149.jpg.webp)
最后，再次感谢大家的帮助与支持，有问题请指出，必改正！