移动编程初步要点.ppt

2013.09.23 *(49) 在 App Inventor 众多的组件中，有一个组件“Clock”（在Basic下），它可以记录时间，也可以当定时器用。 当点击企鹅时，我们启动定时器，然后等定时器记录3秒（企鹅说话的时间约3秒）后，触发修改图片的动作，即企鹅说完话后闭嘴。 让企鹅说完后闭嘴 – 思路 2013.09.23 *(49) 让企鹅说完后闭嘴 – 添加Clock 3000代表3秒 2013.09.23 *(49) 当Clock1开始运行的时候，每隔TimerInterval的时间（本例子中是3000毫秒，即3秒）就会运行Clock1.Timer事件中的代码。 我们在Clock1.Timer事件中让企鹅的闭嘴图片，并停止定时器。 让企鹅说完后闭嘴 – 定时事件 2013.09.23 *(49) 首先，点击企鹅时启动定时器 让企鹅说完后闭嘴 – 编程 2013.09.23 *(49) 3秒后，企鹅闭嘴，且停止定时器 让企鹅说完后闭嘴 – 编程 2013.09.23 *(49) 现在我们得到一个真正张 开口打招呼的企鹅 当企鹅没有说话的时候是闭着嘴的（图1），当我们点击屏幕上的企鹅，企鹅的真正地张开嘴说话（见图2）。 图1 没有说话的企鹅 图2 正在说话的企鹅 再次运行程序 2013.09.23 *(49) 让企鹅响应手机甩动打招呼 为了实现当甩动手机时，企鹅也能问好，我们需要使用组件： 　　AccelerometerSensor 在 AccelerometerSensor. Shaking 事件中让企鹅说话，并启动定时器。 更神奇的功能 2013.09.23 *(49) 更神奇的功能 - 添加传感器 丰富的功能组件 及模块（包括多 种传感器控制模 块等等）… 2013.09.23 *(49) 更神奇的功能 – 编程 2013.09.23 *(49) 编写App Inventor程序2： 设计一个母亲节贺卡的 手机程序： 利用连续的4格图像，讲述与 妈妈的故事 点击屏幕便切换到下一格图像 点击最后一张图像，播放声音： “妈妈，节日快乐！” 注. 本例子的图片资源来自于网络，仅限用于教学演示及学习的用途 2013.09.23 *(49) 第一步：创建项目及第1个屏幕 登录网站，并创建项目MotherCard，把四张图片上载到系统 在Screen1界面上创建一个Button1 设定Button1的image属性为图片a-01.jpg 设定Button1的width属性为Fill Parent（该数字请根据具体设备屏幕大小进行调整） 设定Button1的Height属性为400（该数字请根据具体设备屏幕大小进行调整） 2013.09.23 *(49) 第二步：创建一个新的屏幕(1) 点击屏幕左上方Add Screen按钮创建1个新的屏幕，将屏幕命名为Screen2 (图1) 屏幕自动切换到Screen2(图2) 图1 图2 2013.09.23 *(49) 第二步：创建一个新的屏幕(续) 在Screen2界面上创建一个Button1 设定Button1的image属性为图片a-02.jpg 同第一步，对Button1的其他属性进行设置 2013.09.23 *(49) 第三步：创建屏幕间的联系 在左上角的Screen下拉菜单中选择Screen1 点击右上角的Block按钮,进入Screen1对应的Block编辑环境 我们将实现，点击Screen1上的图片，就跳转到Screen2 2013.09.23 *(49) 第三步：创建屏幕间的联系（续） 创建Control抽屉里的Button1.click事件(图1) 在Control抽屉里选择Open another screen块 (图2) 图2 图1 2013.09.23 *(49) 第三步：创建屏幕间的联系（续） 创建Text抽屉里的字符串块（图1） 将字符串填写为“Screen2” ，放到Open another screen块的槽口中（图2） (图1) (图2) 当我们点击Screen1上的图片，就可以跳转到Screen2 (图1) (图2) 2013.09.23 *(49) 第四步：创建其他屏幕及联系 重复第二步和第三步，可以创建其他屏幕及联系 2013.09.23 *(49) 第五步：设置背景音乐 在第一格屏幕中Screen1, 加入添加播放器player 1，播放背景音乐。 设置player1的Source属性为指定音乐的文件 在Screen1的抽屉中选择Screen1.Initialize事件（图1） 在Screen1.Initialize事件的槽中加入player1.start的块（图