【PersimmonUI柿饼学习营】+ chowguohua+计算器和2048游戏(第二课)

发布于 2018-09-09 22:18:59 浏览：2010 订阅该版

* 本帖最后由 chowguohua 于 2018-9-9 22:38 编辑 *

1、工具和开发板：
使用野火的I.RT1052 PRO开发板操作系统：win7
引导程序：PersimM_imxrt_Fire_Bootloader
固件文件：persim-fire-fix-ttf.rbl
固件配置：PersimmonModConfigTool
图形化开发工具：PersimmonUI
MDK：5.24.a
2、具体流程和效果

这段时间比较忙，都在出差中，今天抽时间补一下作业，本来上周已经把计算器功能实现了，为了再把整个流程和高度提高一下，把2048的游戏试试，在网上下载了一些素材，改吧改吧，到了下面这个界面：
![1.png](/uploads/201809/09/222250dgn16g83gr8138gg.png)
游戏的逻辑在网上都可以搜索到，参考相关网页，结合柿饼UI的控件操作动作进行相关编程即可，搜索到的参考网页：[https://www.cnblogs.com/diligenceday/p/4588570.html](https://www.cnblogs.com/diligenceday/p/4588570.html) 难度大一点的是：[https://www.cnblogs.com/qiuge227/p/3747009.html](https://www.cnblogs.com/qiuge227/p/3747009.html)。参考了群里各位大神的代码，编写起来还真的很快。
界面设计如下：
![2.png](/uploads/201809/09/222548htu1efflvn261e91.png)
相关素材如下：
![4.png](/uploads/201809/09/222616l5zvwwbv9bwpwcbq.png)
仿真相关如下：
![5.png](/uploads/201809/09/222653r1svanvsqswhnw83.png)
感觉整个字符和预设的不一致，柿饼UI的设计软件还有很大的改进空间，中间有不稳定的情况。
下载到板卡里面的效果如下：
![6.jpg](/uploads/201809/09/222816dasc6ws4fctcow3a.jpg)
动画效果如下：

![gif5新文件.gif](/uploads/201809/09/223129foxonrhxxfkhzuie.gif)
下面是计算器的ui设计部分:
仿真效果：
![7.png](/uploads/201809/09/223249m9a36vohz3zye263.png)
实际效果如下：
![8.jpg](/uploads/201809/09/223344s5sn1z9616e5c6a1.jpg)
3、总结：经过这一轮的学习，对UI设计有了一个比较大的感觉，其实很多APP的体验度和美观度来说都是很重要的，也感受到了PersimmonUI的强大功能，对于这块来说基本就跟写前端类似了，对于js的要求也是比较高的，希望PersimmonUI的稳定度和体验度也进一步提升！！！