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






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

学习内容:

一、拼图游戏
  1.创意来源   

  上节课我们制作了APP“凤凰树下”给它设计了摇一摇更换格言的功能,在这个基础上我们可以进一步拓展APP的功能,这节课,我们尝试给“凤凰树下”增加一个小功能,就是“拼图游戏”。
  2. 素材:
素材

二、细节实现

  1.增加屏幕
  增加功能后,“凤凰树下”就有了多个功能模块,这些模块需要通过不同的屏幕呈现出来。因此需要添加新的屏幕,同时需要将其中一个屏幕做成菜单屏幕。屏幕间的关系如下:
 
  2.游戏界面设计
  拼图的交互功能可以通过按钮来实现,这样每一个图片片段都需要使用一个按钮,可以通过“表格布局”组件实现九宫格的设计(插入3×3的“表格布局”,每一个格子上放一个按钮),具体的界面规划如下图所示:
  按钮中的图片因为大小不一定能与屏幕完全吻合,需要设置好每一个方块按钮的长宽参数,一般是按三均分的方法进行设计。
  
  3.具体代码需求分析
  游戏是通过按下按钮来进行图片的交换,完成一次图片交换后马上判定是否完成游戏,因此需要定义以下功能:图片交换处理、游戏是否结束判断
  这两个主要的功能可能被多次调用,为了更好的实现代码,可以将这两个主要的功能定义为两个“过程”,在需要的时候可以方便的调用。
  4.如何维护数据
  在处理图片交换过程中需要判断所在位置是否能实现图片的交换,同时还需要方便的进行结果的判断,怎样才能更方便的实现这些功能呢?
  可以将九宫格进行编码,从1~9,固定每个按钮的位置,让按钮位置与名称一一对应,方便调用。
  同样,方块按钮上的图片也按顺序进行编码,让拼合正确的图片的文件名称号码与按钮一一对应。
  
  5.如何交换空格位置?
  仔细分析可以发现,如果按下的位置为九宫格编码X,则九宫格中每个位置可以交换的方向都是4个,当然,并不是每个位置的四个方向都可以交换,可以交换的位置符合下列等式:
  假设当前空格位置为Y,当前被点击的方块按钮编码为X,有:Y-X=(-3,-1,1,3)(任意一个数值成立皆可)。例如当x=5,Y=2(x为九宫格正中位置,y为九宫格第一行第二列位置),就有:2-5=-3
  符合上述关系的位置就可以进行交换图片的处理。
  6.如何判断游戏获胜?
  根据前面对九宫格的编码处理,可以轻松的按编码顺序对按钮和图片进行比较看是否存在一一对应关系。 如果全部按钮和图片都一一对应则完成游戏,否则,只要有任何一个图片与按钮不对应,就说明游戏没完成。
  判断游戏的具体代码可以写成一行行的对每个各种进行独立判断,也可以通过循环的方法枚举每个按钮的图片对应情况。参考代码如下:
 
 

三、拓展
  如何使用自己喜欢的图片作为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