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






==※ 相关资源 ※==
 
太平洋电脑网
天极网
eNet网络学院
 
==※ 自由论坛  ※==
   
用户名:
密码:
 
忘记密码
游客请进
 
第七课 实例制作“凤凰树下”
 
学习目的:根据任务要求自行完成APP开发。
学习重难点多过程之间的逻辑控制。
教学方式:老师讲授、提问;学生理解,练习。

学习内容:

一、凤凰树下
  1.创意来源   

  每年春夏之间,凤凰树都会开花,校园里的凤凰花开,也是高考之时。
  关于高考有很多励志的短语,我们可以收集一些励志短语,将他做成APP,随机的呈现出来。
莞中为我增荣耀,我为莞中添光彩! --东莞中学
有志者事竟成也!——刘秀
君子志于择天下。——刘炎
古之立大事者,不惟有超世之才,亦必有坚忍不拔之志。 ——苏轼
一个有坚强心志的人,财产可以被人掠夺,勇气却不会被人剥夺的。—— 雨果
一知半解的人,多不谦虚;见多识广有本领的人,一定谦虚。——谢觉哉
路曼曼其修远兮,吾将上下而求索。 —— 屈原
在劳力上劳心,是一切发明之母。事事在劳力上劳心,变可得事物之真理。—— 陶行知
真正的才智是刚毅的志向。 —— 拿破仑
  2. 素材:
素材

二、细节问题

  1.创建多屏幕
  在我们日常使用APP时可以发现,运行APP的时候很多都有一个启动界面,然后才进入功能界面。为了让APP不那么直白,我们自己制作的APP也应该使用多屏幕。
  注意到APP运行的时候默认的Screen1屏幕是首屏幕,我们可以将第一个屏幕“Screen1”留作开场屏幕,通过“增加屏幕”在第新的屏幕上。
  怎样从开场屏幕跳到功能界面呢?
  建立了多个屏幕界面以后,接下来的问题是如何从第一个界面跳到具体的功能界面呢?一般我们开始界面是“欢迎界面”,在开始界面停留一个短暂的时间后就自动跳到功能界面。具体的做法是在Screen1界面上增加一个“计时器”,在参数面板上设置好停留时间,一般设为2秒钟即可。然后在“逻辑设计”里加入屏幕调用代码:
  很多时候我们还可以在首屏幕上增加按钮,让用户可以直接按按钮跳过开机界面的等待。
  设计好APP屏幕的界面,参考界面如下:(可根据自己的喜好美化APP的界面)
          开始界面                     功能界面
  使用的都是学过的组件,添加到界面后记得重命名,方便进行逻辑设计的时候辨认组件。注意组件之间的嵌套关系。
  2.列表使用
  励志格言很多条,如果每一个都定义成变量会比较乱,通过列表可以解决相同数据类型的批量定义。
  通过“列表”模块下的“创建列表”来完成列表的创建。
  通过可以实现队列表中的项目进行随机选取。
  列表是一个功能强大的结构形数据定义,通过它我们还可以实现很多复杂数据的和批量数据的定义管理。
  3.过程的运用
  APP中更换格言的功能可以通过在Screen2上设置按钮来实现,也可以通过“加速度感应器”来激发,当然也可以通过“计时器”的方式来启动,不管是哪一种方式实现格言的更换,他们的具体代码其实是一样的,如果我们写这些代码的时候每一个事件都写一大段相同的代码,实在是不划算。
  可以利用之前我们学过的过程来将相同代码简单实现。
 
具体的代码参考
 

三、拓展
  参考“凤凰树下”,制作一个“古诗词学习助手”,可以把这个功能加入到“凤凰树下”(基本的制作方法一样,素材和美工变化一下就可以了。)
  也可以参考这个app,构思自己的app,比如做一个英文短语的学习app,或者数学公式、或者化学反应式、或者物理公式、或者冷笑话等等,思考一下怎样做的界面更友好,功能更人性化。


四、问与答
  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