收藏本站
 
设为主页
     您的位置:首页在线课堂高二级2016-2017学年度第二学期 》第十三课
==※ 高二级 ※==
2016-2017学年第二学期






==※ 相关资源 ※==
 
太平洋电脑网
天极网
eNet网络学院
 
==※ 自由论坛  ※==
   
用户名:
密码:
 
忘记密码
游客请进
 
第十三课 实例制作“拼图游戏”
 
学习目的:根据任务要求自行完成APP开发。
学习重难点APP应用搭建的拓展
教学方式:老师讲授、操作演示;学生理解,练习。

学习内容:

一、本课APP介绍
  1.主题
  今天,我们来创作一个好玩的APP:“拼图游戏”。
  原图:
  

  “拼图游戏”APP界面:
    

  2. 素材:
素材

二、细节实现
  1.游戏界面设计
  拼图的交互功能可以通过按钮来实现,每一块图片切片都需要使用一个按钮,可以通过“表格布局”组件实现九宫格的设计(插入3×3的“表格布局”,每一个格子上放一个按钮),具体的界面规划如下图所示:
  按钮中的图片因为大小不一定能与屏幕完全吻合,需要设置好每一个方块按钮的长宽参数,一般是按三均分的方法进行设计。

 
  2.具体代码需求分析
  游戏是通过按下按钮来进行图片的交换,完成一次图片交换后马上判定是否完成游戏,因此需要定义以下功能:交换图片,判断游戏是否结束。
  为了降低编写代码的难度,我们采用一种比较笨的方法,就是对每个按钮的点击情况进行罗列判断,例如“按钮一”的点击事件为:
 
  因为与“按钮一”相邻的只有“按钮二”和“按钮四”,所以,以上代码只判断了“按钮二”或“按钮四”的图像是否为“空”,如果“空”则与“按钮一”交换图片。每完成一次图片交换就要“检查拼图是否完成”。
  又例如与“按钮五”相邻的按钮有四个,所以“按钮五”的点击事件为:
 
  其他按钮的事件类推。
  此外,定义一个“检查拼图是否完成”的过程:
 
  拼图成功之后,程序自动补回空缺的那一块图片切片。

  3.拓展
  (1)“游戏说明”“重新游戏”的功能请自行增加。建议增加一个Screen来做“游戏说明”。
  (2)可不可以在游戏开始时把八张图片切片随机地放在八个按钮上?(初始状态有一个按钮的图片为空,所以剩下一张图片切片不用放。)
  (3)可不可以增加几组图片切片,让用户自由选择一组来进行游戏。
  (4)以上所用的方法虽然简单,但是不通用,如果换成4*4的拼图,需要增加很多代码。你能找到更加通用的做法吗?(老师共享文件夹里提供了另外一种方法,难度较大,但通用性较好,有兴趣的同学可以自主学习。)
  

三、如何制作图片切片
  如何使用自己喜欢的图片作为APP拼图游戏的图片内容呢?
  先找到喜欢的图片,然后使用Photoshop对图片进行切片处理,制作自己的九宫格图片切片。具体操作请参考老师的讲解。
 


四、问与答
  Q:如果希望在学校以外的地方,也能使用App Inventor平台,怎么办呢?  
  A:可以使用广州教科网平台:http://app.gzjkw.net
  网上也有参考资料可供同学们参考:http://ai2.17coding.net

  Q:能不能将我做过的练习,从一个平台转移到另一个平台?
  A:可以的哦!“项目”菜单里,选择“导出项目”,就可以将当前项目导出为一个aia文件保存到本地。
  在新的平台,选择“项目”>“导入项目”即可。
  Q:如何使用模拟器调试程序?
  A:查看这里
  Q:如何使用安卓手机而不是模拟器调试程序?
  A:查看这里
  Q:如何将我调试好的程序安装到自己的安卓手机里?
  A:查看这里

* 友情提示:本文档只供本校师生上课时辅助使用,不是正规的教学设计或教案。


 

 

Copyright © 2001-2011 东莞中学信息技术科 All Rights Reserved
IE4.0 or later / 800*600  For The Best View