当前位置:首页 >> 其它课程 >> App Inventor 安卓手机应用开发简易入门2-2

App Inventor 安卓手机应用开发简易入门2-2


《App Inventor 安卓手机应用开发简易入门》选修课程

第二章

第 2 节 宝箱大作战 HappyBox

本节概要:
介绍如何使用 image 组件和使用输入框,组合成一个验证开箱密码的程序, 并伴有声音的提示,在 Block 块编程,引入了 Control 模块的 If-else 模块,对此 模

块进行讲解使用。

学习要点
? ? ? 用户组件 Image 和 Text 的使用 布局控件的介绍、Media 类 sound 组件的拖曳使用 图片和声音资源上传到 media 栏后的基本使用

实例探究: HappyBox
在输入密码框输入字符,如果正好是设置的宝箱密码,那么开启宝箱并成功 放出欢快的音乐;否则有错误提示声,图片不做改变。

图 2-2-1: 程序初始界面

图 2-2-2:运行结果

认识新组件
Image 组件:用于显示图片 TextBox:用于输入字符 Sound 组件:用于播放支持的声音格式

图组 2-2-3

布局组件:可针对组件进行一定的布局,不使用布局控件时每一行默认只能放一
15

《App Inventor 安卓手机应用开发简易入门》选修课程

第二章

个一个组件,而且上下紧挨连

图 2-2-4

? 上传资源 在 Media 栏点击击 upload 文件,即可实现资源文件的上传
图组 2-2-5

界面设计与组件构成:

图 2-2-6 最终 UI 界面

组件的拖放和设置

图 2-2-7

16

《App Inventor 安卓手机应用开发简易入门》选修课程

第二章

上传资源类后对资源的使用,如左图所示, 在组件 Image1 的 picture 属性设置为 bx1.png
图 2-2-8

组件清单:1 个 Image 组件, 1 个水平布局控件。水平控件目录下:1 个标 签控件,1 个 textbox 组件,2 个按钮组件,一个声音组件,界面设计和详细表 如下:表 2-2-9
组件所属列表 组件名字 属性名 pictur e Width Height Layout User interface User interface User interface User interface Media HorizontalArr angement1 LabPwd TextBoxPwd BtnOpen BtnClose SoundTiShi Width Text Hint Text Text 属性值 Bx1.png Fill parent 300 像素 Fill parent 宝箱密码 开启密码 开启 关闭 初始化时默认值 备注说明 默认图片显示为 Box1 (宝箱关闭图片) 紧挨上层组件 和图片素材有关 紧挨上层组件 标签文本 Hint 值属于输入后就 自动替换,不必清除。

User interface

ImageBox

表 2-2-9:非新组件使用不再罗列,有疑问可退回到本章第 1 小节有关内容查看

组件重命名(上节思考课的答案)
保持良好的编程风格,为切换到 Block 界面打好坚实的基础,可以更加高效 的调试程序,特别是以后会接触多个组件的程序,这点尤为重要。 Tip:命名时可保留其原有组件属性+自己取得名字采用驼峰式各单词首字母 大写命名。 左右观察,可以发 现,右边的组件重命 名之后,可读性大大 提高,方便查找。

图组 2-2-10

17

《App Inventor 安卓手机应用开发简易入门》选修课程

第二章

Block 块编程拼接搭建
通过对课例的分析,我们知道核心模块式条件是条件选择,那么我们先来学 习一下 If 模块的使用。 IF 模块在 Built-in control 选项里,蓝色方块可以改变 if 模块的形式

If 模块

If—else 模块 If-else if 模块 图 2-2-11:if 的 Block 模块类型 结构流程图 Block 对应模块

If-多层嵌套

这样看来,我们宝箱密码使用的就是 if-else 模块了

图 2-2-12 流程图和 Block 模块结构对照图

那么接下来,我们来分步详细的来讲解宝箱大作战的模块拼接

1 ○

BtnOpen 按钮 click 事件框加入 if else 模块

图 2-2-13

2 If else 模块里添加条件判断句 ○
1.

2.

18

《App Inventor 安卓手机应用开发简易入门》选修课程

第二章

3.

4.

图组 2-2-14

3 设置 SoundTiShi 的声音源,并播放。 ○
Tip:声音的播放必须要先设置音乐才能播放,否则程序会报错,在以后使 用它是要仔细留意是否设置。

图组 2-2-15

4 BtnOpen 的完整代码 ○

图 2-2-16

5 BtnClose 的完整代码 ○

图 2-2-17

19

《App Inventor 安卓手机应用开发简易入门》选修课程

第二章

完整模块

代码解读
本案例主要涉及了 if-else 模块,当条件成立时,改变、图片组件的值为宝箱 打开的图片(bx2.png) ,设置 sound 组件的声音为素材中的 success.mp3,否则播 放声音文件 wrong.mp3。

测试
Connoect—> Emluater 方法与上一节基本一致,不再仔细叙述。

项目的保存和导出
保存: Project ->Save Project 导出: Project ->My Project -> export selected project (aia) to my computer 默认下载目录:我的电脑——我的文档—— Download 目录

思维拓展任务
在测试案例过程中, 有细心的同学发现, 在打开宝箱之后,如果继续再点开始, 依然还是会播放音乐,这个是不是有点不太符合一般的情况。 拓展 1:能不能在打开的情况下,不做任何操作,更进一步,增加一个标签, 在遇到这种情况提示已经打开呢。 拓展 2:限制课例的错误打开次数,比如错三次,就不再允许开启了。 带着这两个小问题,请同学积极去思考。 本节结束

下节预告:
下一章节我们将进入手机传感器的教学,用真机来演示,是不是要期待一下呢?

20


更多相关文档:

5 款傻瓜式手机 APP 开发工具

5 款傻瓜式手机 APP 开发工具_计算机软件应用_IT/计算机_专业资料。Google 推出的 App Inventor Android App 开发工具可以让你仅通过拖拉式 的简单操作就可以...

基于Android手机应用开发程序设计

在此基础上,基于 Android 平台设计和开发 手机快捷...- 2 1.2 安卓简介 ---...APP开发,故服务器对数据库的操作不为本文内容,但 因本系统涉及对数据的...

傻瓜式安卓APP开发工具

许多能帮助企业创建简单 APP 应用的工具,通过 这些...真想做 个专业的开发者,还是踏踏实实从基础学起...-2- 文档贡献者 泽思网络ZesMob 贡献于2013-07-01...

app inventor学习案例 Android软件在线编程

app inventor学习案例 Android软件在线编程_计算机软件...处于初学阶段编程,学习android软件编程一直痴迷于软件...在线编 程手机软件),基于积木式模块化编程,简单易学...

手机APP开发工具

谷歌推出的 App Inventor Android App 开发工具可以...许多能帮助企业创建简单 APP 应用的工具,通过 这些...输入任何网页小工 -2- 泽思网络 – 移动营销全案...

安卓app开发平台-Android app的开发

App简单易学的 App 开发环境的出现, 很大程度地...你开发的所有 Apps 都会被存储在 App Inventor 的...6页 2下载券 安卓系统Android应用程序... 5页 ...

利用App Inventor制作中小学安卓平台英语学习资源实例分析

安卓平台学习资源的特点如下。 (1)进入学习状态简单...,本例采用的是目前最新的版本 MIT App Inventor2。...的 Java 程序和 App Inventor 的一个 开发软件...

Android报告_Appinventor2

Android报告_Appinventor2_计算机软件应用_IT/计算机_专业资料。Android报告_Appinventor2应用程序开发课程作业 ---CounterGoogle Appinventer2 开发网址 http://ai2...

app inventor2 初中教案

今生 App Inventor 是一款基于 Web、面向没有编程经验的初学者的安卓应用 开发...2 设计一个简单的涂鸦板,让用户在手机屏幕上绘制图画,或者通过拍照、打开相册...

AI2平台模拟器使用与Apk下载教程及常见问题

AI2(AppInventor2)平台模拟器使用 步骤 1:设计界面并编辑好程序(以点击按钮...步骤 3:将 apk 文件移动到安卓手机 sd 卡,进行安装就可运行手机应用程序了。...
更多相关标签:
安卓开发入门教程 | 安卓开发入门 | 安卓app开发入门 | 安卓开发入门教程视频 | 安卓开发入门到精通 | 安卓软件开发入门 | 安卓应用开发入门 | 安卓开发入门教程pdf |
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com