移动软件开发-实验四

2023年夏季《移动软件开发》实验报告

一、实验目标

1、综合应用所学知识创建完整的拼图游戏项目；

2、熟练掌握。

二、实验步骤

1. 创建项目并修改对应文件

按照实验文档进行修改即可

2. 页面的设计

1. 导航栏的设计：将导航栏设计成为珊瑚色，字体为白色，名字为：平涂小游戏；

2. 首页的设计：设置选择关卡和对应的关卡，效果如图：

3. 游戏页面：设计提示文字以及提示图片，设计出游戏画布和重新开始的按钮

3.逻辑实现

1. 首页逻辑实现：利用循环设计出六个关卡：

2. 实现页面的跳转，通过绑定事件，实现首页和游戏页面的跳转

3. 实现游戏的逻辑功能，初始话游戏页面

   

   4. 移动被点击方块

      

   5. 判断游戏是否成功，成功出现提示

      

   6. 重新开始游戏：

      

三、程序运行结果

四、问题总结与体会

问题总结

1. 在实验文档，实现游戏页面和首页跳转功能的时候，控制台报错，说url is not undefined,实验文档并没有给url定义,在后面也了一个全局变量，后面会修改，在这里需要自己加上；当定义url之后，我们依然发现解决不了问题，后来发现自己在传参数的过程中，给图片的路径中多加了一个空格，导致途径错误，所以跳转时候并没有显示图片
2. 在过程中，将shuffle函数中的row,col参数定义为全局变量，在重新开始有习的过程中，出现了两个空白块，原因就是因为将对应的参数定义为全局变量，当调用的时候原来的值，没有覆盖，导致出现一些问题，正确修改后