【小熊带你玩转小安派】让我们来点亮屏幕(上)

[复制链接]
查看3021 | 回复8 | 2023-9-9 19:48:24 | 显示全部楼层 |阅读模式
本系列图文连载,第3话

肝好疼啊!!!

由于小安派没有灯,咱们的第一个例子就不点灯了,咱们来点亮屏幕!

官方的天气站案例使用的是lvgl技术,一拖一拽,界面就画好了,对小白非常友好。在电脑上就能模拟出显示效果,方便调整界面。
目前有两款辅助生成lvgl代码的界面设计工具:
官方的:squareLine Studio (缺点:不氪金功能有限制,目前在破解中) 灰太狼大大的天气站是用这个设计的
NXP家的:GUI-Guider (缺点:版本更新不及时)小安派案例用的这个设计的

咱们今天先摸GUI-Guider,官方下载需要注册麻烦,我这里放个链接
无脑安装就行了

正文开始
1.创建项目
1.png
2.选择lvgl版本,选8.3.5
2.png
3.选择这个
3.png
4.选择空白
4.png
5.随便编一个项目名称(只能用字母数字。不能用汉字),设置分辨率320*240
5.png
6.修改显示语言为中文(他奶奶滴,明明是国产软件,默认显示语言是鸟语)
将主题颜色改为猛男粉,不然后面会报错 (划重点,必须设置成粉色)
6.png
7.默认画布是透明的,修改透明度
7.png
8.png
8.找一张坤坤的照片
kun.jpg
9.选择图片控件,图片设为坤坤
9.png
10.png
10.生成C语言代码,启动模拟器
11.png
我们来看一下,显示的效果
12.png
11.导出生成的代码 (工程——代码导出——RT这个)
13.png

本帖被以下淘专辑推荐:

知足常乐
回复

使用道具 举报

jkernet | 2023-9-9 19:55:04 来自手机 | 显示全部楼层
占坑
回复

使用道具 举报

ai_mcu | 2023-9-9 23:00:51 来自手机 | 显示全部楼层
学习,项目有屏幕才酷
明天总会更好
回复 支持 反对

使用道具 举报

夜樱99 | 2023-9-9 23:09:46 | 显示全部楼层
LVGL就是好用!
回复 支持 反对

使用道具 举报

496199544 | 2023-9-10 14:42:43 来自手机 | 显示全部楼层
学习一下
回复

使用道具 举报

王乐乐 | 2023-9-10 22:37:50 | 显示全部楼层
学习
回复

使用道具 举报

18350766600@139 | 2023-9-11 21:40:21 | 显示全部楼层
学习一下,谢谢分享
回复 支持 反对

使用道具 举报

ckdsx.cn | 2023-9-12 12:42:43 | 显示全部楼层
学习实践完成,期待后续教程
回复 支持 反对

使用道具 举报

ckdsx.cn | 2023-9-12 12:47:53 | 显示全部楼层
学习成功,特来汇报学习成果!
不明白,为什么非要使用猛男粉? test_ok.png
回复 支持 反对

使用道具 举报

ckdsx.cn | 2023-9-12 12:51:12 | 显示全部楼层
因为,我使用蓝色背景也可以编译成功啊?不会是因为楼主的。。原因吧?

test_ok2.png

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则