HelloPurr--大学数学与计算机科学.ppt

College of Mathematics and Computer Science, Hunan Normal University College of Mathematics and Computer Science, Hunan Normal University College of Mathematics and Computer Science, Hunan Normal University College of Mathematics and Computer Science, Hunan Normal University 第2讲(1) ?HelloPurr / / / 资源 当你触摸这只猫时，它会发出“喵呜”声和手机震动；当你摇晃它时，也将发出声音。 HelloPurr，你好猫猫 用Chrome (谷歌浏览器) 打开了App Inventor 主页或 用你的电子邮件地址账号注册和登录 登录服务器 新建项目 项目名称只能由字母、数字或下划线组成，且大小写敏感，名称中间不能包含空格，如“Hello”和“hello”是两个不同的项目名 新建项目 增加按钮。在“组件面板”的“用户界面”中拖动“按钮”到“工作面板”下的“Screen1”。 界面设计 上传猫的图片和声音 界面设计 修改按钮的属性 在“组件属性”窗口中修改“图像”和“文本”两个属性。 “图像”属性下面的“kitty.png” 。 “文本”属性里面原有的内容“按钮1文本”删除掉。 界面设计 界面设计 增加标签 在“组件面板”的“用户界面”中拖动“标签”到“工作面板”下的“Screen1”，用鼠标选定添加的“标签1”，在“组件属性”窗口中修改“背景颜色”为品红，“字号”大小为32，“文本”中输入“Pet the kitty!”。 界面设计 界面设计 增加音效 在“组件面板”的“多媒体”中拖动“音效”到“工作面板”下的“Screen1”，无论把它放在哪里，它都会出现在预览窗口的底部，并被标记为“非可视组件【Non-visible components】”。 非可视组件在应用中发挥特定作用，但不会显示在用户界面中。 然后用鼠标选定添加的“音效1”，在“组件属性”窗口中为属性“源文件”选择声音文件“meow.mp3”。 界面设计 界面设计 打开块编辑器，即逻辑设计 添加组件行为 添加按键来播放刚添加声音 添加组件行为 可以参考上节内容连接你的测试设备。这里用模拟器测试结果。 测试应用 当点击按钮时，让猫咪发出叫声和让手机震动。 添加震动效果 在“调用 音效1.震动”块的右下角写着“毫秒数【millisecs】”。块上的开放插槽表示需要插入其他块，来设定行为的具体方式。 添加震动效果 最后单击数字“0”，输入新值“500” 添加震动效果 College of Mathematics and Computer Science, Hunan Normal University College of Mathematics and Computer Science, Hunan Normal University College of Mathematics and Computer Science, Hunan Normal University College of Mathematics and Computer Science, Hunan Normal University *