柿饼_PersimmonUI

【PersimmonUI柿饼学习营】2048游戏的初步实现--...

发布于 2018-09-04 23:41:10 浏览：2568 订阅该版

* 本帖最后由 二牛哥 于 2018-9-5 08:46 编辑 *

基于PersimmonUI 2048游戏的初步实现

一、目标：

用PersimmonUI 实现2048游戏的基本功能，本程序采用Persimmon UI Builder 在PC上模拟实现。 
       
二、方法：

1、算法：                     4x4矩阵中的数据根据“手柄”中的4个方向（上、下、左、右）按“去空格、相同数合并”的方法进行排列组合，当矩阵中的数据在n次排列后无法移动时
             为游戏失败，当矩阵中有数据累计值达到2048时，游戏成功。
       2、界面：                     （1） 手柄，用4个button控件控制上、下、左、右4个方向，另一个键实现游戏开始/停止操作。

（2） 数字显示面板，采用16个label控件实现（也可以考虑采用16个imagebox控件实现更有立体感的效果），另外为了达到更好的视觉效果，在
            label控件的图层下放置一个具有“数字框图”格式的图片。

三、步骤：

1、界面部分：        （1）在Persimmon UI Builder软件中新建工程并按将面板分辨率设计成1024x600，如下图所示：
![新建项目.png](/uploads/201809/05/004157y76t6tdt46kh2cgr.png)
        （2）根据规划用绘图工具绘制一个1024x600的游戏“原始面板”并用“PNG”格式保存备用，如下图所示：
![底图.png](/uploads/201809/05/004309hiimkv6gx6p1jap9.png)
        （3）将Persimmon UI Builder 的page页面中属性栏中的图片--->背景图片选择框中添加“原始面板”PNG图，如下图所示：
![设置背景图片.png](/uploads/201809/05/004332w5irvpvv8cq6iqtt.png)
        至此，界面的基础准备工作已完成，下面的部分是添加操作（按键）与显示（label）控件
      （4）从控件栏中单击botton控件放置在底图的箭头上，按下图设置好按键的相关属性
![编辑键盘的方法.png](/uploads/201809/05/004410f0xp6p1w2w2wxy0p.png)
      （5）将其它4个botton控件以上述方法摆放好合适位置，并设置好属性
![编辑label的方法.png](/uploads/201809/05/004446r8l9h6hnzlo9tng9.png)
          （6）从控件栏中单击label控件放置在底图中的数字键盘上，并设置好属性，注意：16个label控件的名称在项目中必须唯一
 ![OK.png](/uploads/201809/05/004510tghhghitzytchieo.png)
       至此，界面设计完成
        2、程序部分：
             鉴于时间关系，稍后抽时间补上

3、运行：
             效果图如下

![运行.png](/uploads/201809/05/005026oencjt1fflb6l6bw.png)
        
至此，任务基本达成（我的程序还有点小bug,待修理完善后再贴出）

![底图.png](https://oss-club.rt-thread.org/uploads/201809/05/004225cii107pbdqi1d100.png)