【PersimmonUI柿饼学习营】+ DMY+ lesson02 计算器+2048游戏

发布于 2018-09-05 21:30:44 浏览：2779 订阅该版

* 本帖最后由 DMY 于 2018-9-6 14:27 编辑 *

一.开发环境
1.开发板：野火I.MX1052 mini 及配套5寸RGB屏
2.软件环境：(1)win7-64位电脑 (2)keil5.243.官方提供资料：(1)PersimmonUI柿饼学习-lesson02.pdf  PersimmonUI柿饼学习-event.pdf  PersimmonUI柿饼学习-setData.pdf  (2)PersimmonUI.exe                        (3) PersimM_imxrt_Fire_Bootloader引导程序 (4)固件文件persim-fire-fix-ttf.rbl     
                       (5)固件配置软件PersimmonModConfigTool   (6)各种需要的图片,CAOMEIMHT.ttf字库（相关文档及软件由于RTGUI未还未发布所以暂时不能提供）
4.开发语言：1.C语言 2.JavaScript
二.作业题目
1.在开发板上完成一个计算器应用。
2.在开发板上完成一个2048游戏。
三.过程及结果
1.连接硬件电路：(1) 连接好5寸RGB屏，USB转串口，USB-OTG1；(2)连接仿真器。
2.根据上一课内容配置好软件。
3.在模拟器上设计GUI： 本次课程我先做了一个home页面，增加一些按钮，跳转到应用程序界面。
home页面是一个RT-Thread的背景图加上一些按钮。效果如下：
![1536151228(1).jpg](/uploads/201809/05/204507amyyvg5gqqmzjvmg.jpg)
  30年薪广告应用如图：
![1536151818(1).jpg](/uploads/201809/05/205402h60oih2ia27e0k44.jpg)
计算器应用如图：
![1536152082(1).jpg](/uploads/201809/05/205825xu8yylu0mu4p3bm7.jpg)
2048游戏应用如图：
![1536152657(1).jpg](/uploads/201809/05/210759nra2vn7n722xlv6n.jpg)
4.使用JS语言编写逻辑
1）计算器，逻辑比较简单 获取到键值，然后做运算，在显示到文本控件中
2）2048游戏，定义一个4*4矩阵数组，用来存储数据。 获取到相应方向后将数据上下或者左右移动到没有空格的地方，遇到相同的数字则将相同数字相加，并记录下相加后的值用来统计积分。
5.具体逻辑从代码中很容易分析出来：通过百度云分享出来。
链接: [https://pan.baidu.com/s/1DNnby7l3-pspBjpqHyE2aw](https://pan.baidu.com/s/1DNnby7l3-pspBjpqHyE2aw) 密码: m49i
6.遇到的问题：  在APP和HOME来回切换会出现背景图片刷不出来，但是相应的控件是可以用的。在模拟器上也会有同样问题。 问题解决返回接口调用错了返回应该使用第二个，不然内存不能释放：pm.navigateTo({url: "mian/mian"});
 pm.navigateBack({url: "mian/mian"});

![12747175869136872.jpg](/uploads/201809/05/213812s6ryvwxyzjxpcpfy.jpg)![516218872648514231.jpg](/uploads/201809/05/213819uygrergrar4fggyy.jpg)