本系列图文连载,第3话
肝好疼啊!!!
由于小安派没有灯,咱们的第一个例子就不点灯了,咱们来点亮屏幕!
官方的天气站案例使用的是lvgl技术,一拖一拽,界面就画好了,对小白非常友好。在电脑上就能模拟出显示效果,方便调整界面。
目前有两款辅助生成lvgl代码的界面设计工具:
官方的:squareLine Studio (缺点:不氪金功能有限制,目前在破解中) 灰太狼大大的天气站是用这个设计的
NXP家的:GUI-Guider (缺点:版本更新不及时)小安派案例用的这个设计的
咱们今天先摸GUI-Guider,官方下载需要注册麻烦,我这里放个链接
无脑安装就行了
正文开始
1.创建项目
2.选择lvgl版本,选8.3.5
3.选择这个
4.选择空白
5.随便编一个项目名称(只能用字母数字。不能用汉字),设置分辨率320*240
6.修改显示语言为中文(他奶奶滴,明明是国产软件,默认显示语言是鸟语)
将主题颜色改为猛男粉,不然后面会报错 (划重点,必须设置成粉色)
7.默认画布是透明的,修改透明度
8.找一张坤坤的照片
9.选择图片控件,图片设为坤坤
10.生成C语言代码,启动模拟器
我们来看一下,显示的效果
11.导出生成的代码 (工程——代码导出——RT这个)
|
|