本帖最后由 dirty123 于 2023-12-3 20:01 编辑
本篇展示界面设计，开发板特色为界面显示与圆盘按钮交互，在这里也发挥其效能。
一.素材准备制作与烧录
SWM166-SPI-Y1.28C1界面展示机理是通过上位机将素材图片转换为bin文件并产生图片信息，再通过串口烧录到开发板外挂FLASH（128MB）；在程序里注册图片信息，设计旋钮菜单选择来读取Flash后通过SPI控制屏显。
1.找一些自己喜欢的图片素材，通过工具(如美图秀秀)裁剪成240*240大小适配LCD屏。
2.打开Synwit_IMG_Tool_V1.1.exe上位机工具，添加素材路径，点击“转换”按钮如图1绿框及步骤，在此文件夹下生成素材镜像烧录文件和信息map文件如图2
图1:上位机工具制作及烧录素材到Flash
图2:素材、镜像文件及信息文件生成
3.烧录UI界面素材固件到外部FLASH.这个机理是上位机将固件串口发给MCU,主控MCU串口接收并spi写到外部flash,用的时候从flash读取。**的地址是0K，UI的地址是10240K ，这里保留开机**动画,UI做自己设计，所以 文件传输地址那里切记田10240。如图1红框及步骤。
至此，素材方面准备完毕
二.代码准备
设计达到开机后到第一个UI界面，通过旋钮可以来回切换。
1.将map.txt里地址偏移及图片大小数组替换到ImgMap,并重定义总个数如图3。Show_meau_First显示第一个即可，没有背景id.
图3:注册image信息表
2.在按钮处理函数Key_Deal做如下修改
图4:按键逻辑
3.keil编译后Jlink烧录
三.测验
重新上电，可以看到开机**动画及闪烁灯仍保有，之后进入用户界面，显示经典握拳男孩界面，如图5。通过旋钮可以照片界面来回切换，体验不错。效果视频如附件所示。
图5:界面显示效果
至此，UI设计达到预期，通过这个过程掌握了SWM166-SPI-Y1.28C1界面开发要义。这款开发板非常Nice，值得点赞，以后有这方面项目需求，值得推荐和使用。
|
楼主
标题置顶
标题高亮
