[屏驱相关]【SWM166-SPI-Y1.28C1测评】UI设计

   本篇展示界面设计，开发板特色为界面显示与圆盘按钮交互，在这里也发挥其效能。
一.素材准备制作与烧录
       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，值得点赞，以后有这方面项目需求，值得推荐和使用。



 

UI设计效果.rar

4.85 MB

UI效果。

---------------------
作者：dirty123
链接：https://bbs.21ic.com/icview-3345594-1-1.html
来源：21ic.com
此文章已获得原创/原创奖标签，著作权归21ic所有，任何人未经允许禁止转载。