App Inventor 安卓手机应用开发简易入门2-2
App Inventor 安卓手机应用开发简易入门 第一章
第一章App Inventor 的前世今生本章介绍App Inventor 的发展历程，环境搭建和机房配置，简单的讲解界面设计和使用block 编程的风格，App Inventor 如何打包成安装程序Apk ，以及如何让自己的Apk 在安卓系统应用市场中成功“上市”。
第1节 App Inventor 的发展史简介身世App Inventor 的完整名字是App Inventor for Android ，所以用它制作的应用是和安卓手机系统相配的。
这个项目一开始是MIT 的教授Hal Abelson 领导创建，在Google 实验室得到完善，于2010年7月12日上线运行，2010年12月15日公开发布，当时的名字还是Google App Inventor ，并一直标注着Beta 版本符号。
在2011的某一段时间，谷歌公司公布了应用的源码，提醒大家即将关闭服务器，需要自己导出原有项目文件，并在12月份关闭了服务器。
几个月后再进App Inventor 官网时，已经直接跳转到MIT 托管代理的服务器了。
使用方式和方法也基本一致，起初一直未有大的改变，但基于此的各类教程资源的不断在增多，可见还是有相当一部分的影响力。
一直到2013年12月份，MIT推出了免装jdk 和设置环境变量的真正浏览器版本AI2，之前我们称之为经典AI 。
图1-1-1 Hal Abelson 教授 图1-1-2 Google App Inventor 时期的logo 本教材所涉及的课例和源码都是基于AI2的，两个版本间的代码并不通用。
经典ai 导出的文件是特定压缩包格式，而AI2导出的文件是*.aia 。
两者相比，界面设计上面，AI2有着不少的优化，在外观上有一定的美化，模块有一定的精简，但是AI2 的组件更新，而且操作上更容易一些。
两者之前的区别主要体现在以下几点：1.在切换到块模块编程时，经典AI需要启动JA V A SDK ，在外部打开OpenBlock工具，而AI2只需切换一下界面就可以了，运行更流畅一些。
App Inventor-零基础Android移动应用开发教学大纲
App Inventor-零基础Android移动应用开发教学大纲以Android 的图形化积木式编程软件App Inventor 2 中文版为载体，从零起点开始，以10个精心设计的趣味案列为主线进行项目驱动的教学，培养学生的计算思维，并具备基本的Android应用开发能力。
课程概述移动互联网技术和智能手机发展迅猛，移动应用Apps的开发备受关注。
本课程以Android 的图形化积木式编程软件App Inventor 2 中文版为载体，无需任何编程基础，从零起点开始，通过案例引导和项目驱动的教学方式，培养学生的计算思维能力，并具备基本的Android应用开发能力。
本课程为国家精品在线开放课程、Google精品课程。
授课目标移动互联网技术和智能手机发展迅猛，移动应用Apps的开发备受关注。
本课程以Android 的图形化积木式编程软件App Inventor 2 中文版为载体，无需任何编程基础，从零起点开始，通过案例引导和项目驱动的教学方式，培养学生的计算思维能力，并具备基本的Android应用开发能力。
课程大纲第一讲很高兴遇见你，App Inventor，梦想启程给移动互联网时代的你，来了解一下这有趣的课程吧Android和App Inventor简介动手啦，见证奇迹的时刻作业1：Hello, 小猫第二讲小机器人安安诞生记安安诞生记案例演示安安诞生记界面和组件设计安安诞生记行为逻辑设计App Inventor开发体系结构（选读）作业2：我的漫画书第三讲安安猜价格安安猜价格案例演示安安猜价格界面和组件设计安安猜价格基本行为逻辑设计数据表达和运算语句和程序结构加强版：机器人猜价格模式作业3：简单计算器第四讲安安爱画画安安爱画画案例演示安安爱画画界面和组件设计安安爱画画基本行为逻辑设计安安爱画画多个屏幕的切换作业4：小画板第五讲安安抓蝴蝶安安抓蝴蝶案例演示安安抓蝴蝶界面和组件设计安安抓蝴蝶基础行为逻辑设计安安抓蝴蝶游戏结果处理和改善作业5：打地鼠第六讲安安历险记安安历险记案例演示安安历险记界面和组件设计安安历险记老虎追安安安安历险记小球参战安安历险记过程-软件开发的核心要素作业6：打飞机第七讲安安爱弹琴安安爱弹琴案例演示安安爱弹琴界面和组件设计安安爱弹琴行为逻辑设计安安爱弹琴有关递归作业7：跟我学弹琴第八讲安安的通讯助手安安的通讯助手案例展示安安的通讯助手界面和组件设计安安的通讯助手自动收发短信安安的通讯助手持久化存储信息课程小测验（作业8）第九讲安安爱成语安安爱成语案例展示安安爱成语单机版的界面和组件设计安安爱成语单机版的逻辑和行为实现安安爱成语开启蓝牙双机对战模式作业9 单机版成语接龙App第十讲安安爱旅游安安爱旅游案例展示安安爱旅游界面和组件设计安安爱旅游指南针的实现安安爱旅游地图安安爱旅游日记簿的设计与实现安安爱旅游拍照作业10 我的足迹App第十一讲安安的股市安安的股市案例展示安安的股市界面和组件设计安安的股市基于Web服务的行为实现安安的股市同时查询多支股票增强版的设计与实现作业11 天气预报App第十二讲安安要毕业安安要毕业课程大作业要求安安要毕业App Inventor挑战赛及获奖作品介绍安安要毕业学生历年优秀作品介绍作业Final 课程大作业预备知识零起点，无需编程基础，会上网，会敲键盘就行。
2024年度AppInventor编程教程
2024/3/23
26
位置服务与地图应
07
用
2024/3/23
27
获取用户地理位置信息
使用App Inventor的位置传感器组件
通过启用位置传感器组件并设置相应的属性，可以获取用户的经纬度坐标信息。
调用移动设备的定位服务
34
THANKS.
2024/3/23
35
查询数据
更新和删除数据
使用SQL语句进行数据查询，sqlite3模块 提供了执行SQL语句并获取查询结果的方法 。
通过SQL语句实现数据的更新和删除操作， 同样可以使用sqlite3模块提供的API来执行 这些操作。
2024/3/23
17文件读写操作教程 Nhomakorabea读取文件内容
通过文件对象的read()、readline()或 readlines()方法，可以读取文件的内容。
获取API密钥
前往所选地图API的官方网站，注册账号并获取API密钥。
2024/3/23
在App Inventor中集成地图组件
使用App Inventor的地图组件，将API密钥和相关参数设置到组件属性中，实现地图的显示功能。
29
路径规划和导航功能开发
调用路径规划API
利用所选地图API提供的路径规划功 能，调用相应的API接口获取起点和
求的功能。
HTTP请求头与响应头
了解常见的HTTP请求头和响应头字 段，如User-Agent、AcceptLanguage、Content-Type等。
接收并处理HTTP响应
解析服务器返回的HTTP响应，提取 所需的数据并进行处理。
App Inventor移动应用开发标准教程2_2_8-Ball(魔术8球)
新建项目
如果点击“我的项目”将进入到项目列表；直接点 击“新建项目”按钮。
界面设计
Magic8Ball应用中需要四个可视组件： 一个“按钮【Button】”组件，显示8球； 二个“标签【Label】”组件，显示文字“问魔术8 球一个问题”和“点击魔术8球来收到一个回答”； 一个“垂直布局【VerticalArrangement】”组件 ，用来布局标签组件。 一个非可视的“声音【Sound】”组件，用来播放 声音。 一个“加速度传感器【AccelerometerSensor】” 组件，用于检测设备的摇动。
添加组件行为
打开块编辑器，即逻辑设计
添加组件行为
单击块编辑器中“模块”下的“Screen1”中“标 签2”，在弹出的抽屉中选中“设 标签2.文本 为【 set Label2.Text to】”模块并拖放到前面添加的 代码块中。
添加组件行为
为了实现触摸魔术8球就会得到一个答案，采用“ 列表【Lists】”存放答案，每次从答案中随机选择 一个。列表相当于一个集合可以存放多个答案。
实现单击按钮，输出一个预言
增加界面布局组件。从“组件面板”的“用户界面 ”中拖动“垂直布局”到“Screen1”的按钮下面
增加标签
在“组件面板”的“用户界面”中拖动“标签”到 “Screen1”中“垂直布局”里面 用鼠标选定添加的“标签1”，在“组件属性”窗 口中修改“文本”为“问魔术8球一个问题”。用 同样的方式增加“标签2”，文本为：“点击魔术8 球来收到一个回答”
实验三
丰富Magic8Ball内容，让它变得更有趣。
网址
App Inventor创意编程教程
创建第一个App Inventor项目
当导入模板项目后，就会进入组件设计视图
App Inventor 创意趣味编程
创建第一个App Inventor项目
点击切换到逻辑设计的视图
App Inventor 创意趣味编程
创建第一个App Inventor项目
组件关联模块介绍
App Inventor 创意趣味编程
点名神器- 案例展示
展示与分析
App Inventor 创意趣味编程
(a)初始界面
(b)学号显示
App Inventor 创意趣味编程
点名神器– 组件设计
组件设计
App Inventor 创意趣味编程
新建项目
App Inventor 创意趣味编程
登录开发网站，点击“项目”菜单中的“新建项目”，创建一个新项目“IsYou”。 项目名称是以字母开头的字母、数字和下划线的组合，要求“见名知意”，这样 才能“一目了然”！尽管是中文版，但目前项目名称还不支持中文。
App Inventor 创意趣味编程
App Inventor 创意趣味编程
涂鸦画板- 案例展示
展示与分析
App Inventor 创意趣味编程
触划屏幕画画 触摸出现实心圆
保存 拍照 打开手机 清 除 中的图片 屏幕 作为涂鸦背景
点击画笔直接选择 “红、绿、蓝” 3 种 颜色或输入数值自定 义画笔颜色（通过 RGB值得到）
谷歌精品课程
App Inventor 创意趣味编程
数学加加看 – 行为逻辑设计
谷歌精品课程
App Inventor 创意趣味编程
开始游戏
定义变量，产生随机算式
点击开始按钮
App Inventor 创意趣味编程
App Inventor 安卓手机应用开发简易入门 第二章第1节
第二章One and One——组件入门本章概要本章将通过引导创建OneAndOne、HappyBox、HappyDay的课程实例，熟悉组件的基本应用，了解Block编程的风格，学会测试和调试自己的App。
在界面设计和可视化块编程有一个应用的实践，达到入门级的熟悉状态，可以真正步入自己创建应用的起点。
第1节个人专属App就这么简单本节概要：学会启动App Inventor 的工作界面，熟悉各个界面布局，和各个工具栏相应位置和相应方式，通过OneAndOne的课程例子引导，开始学生对App Inventor 的启程之旅。
学习要点●启动离线App Inventor、熟悉相应流程●用户组件Label和Button的使用●如何利用简单级组件创设有趣的应用实例探究：OneAndOneOneAndOne 的定义:一个组件加一个组件，这样的前提下可以做出什么样的应用？我们可以通过这个课程实例的应用，来实践验证一下：点击应用中的按钮之后Label标签跳出设置好的名字。
图2-1-1：程序界面图2-1-2：运行结果离线环境的启动离线环境的启动，打开前文所提资源列表中离线服务器包，启动的AIServer 和Bulidserver 两个，如果App Inventor 客户端没有打开的话也一并打开，机房里我把这三个快捷方式放在一起，合并成启动三项。
图组2-1-3启动各项服务命令并提示成功启动Tip ：离线版本有可能会出现无法正常使用的时候，在都启动的时候无法正常进入。
一般只需右键Google 浏览器重新加载即可。
如果不行，也只需关闭再打开，基本都能解决问题。
界面设计与组件构成：组件的拖放和设置图2-1-5 Label 标签和Button 按钮的设置组件重命名在用户组件区（C 区）选择组件，点击rename （重命名）(图2-1-6)图表2-1-7：提问思考：组件为什么需要重命名？从用户组件区拖曳组件到视图设计，并修改相应属性，课例所用组件属性修改如下（表2-1-8）：例子——文本框label 截图如下：图2-1-9：组件对应属性栏Block 块编程拼接搭建切换到blocks 界面，观察发现组件设计界面与左侧blocks 下组件相互对应图组2-1-10可以发现design界面和block界面关于 screen1下的组件是一一对应的具体操作如下图所示○1点击BtnGetName按钮拖曳一个click事件框图2-1-11○2点击labName的设置text属性框与click框相接（接口正匹配）图2-1-12Tip：在下图2-1-13操作中，从Built-in处选择text 拖入一个空白文本模块拼接后键入字符，也可以先键入字符再拼接，此处无影响，即模块以最后形状为准，中途没有先后操作关系。
App Inventor移动应用开发教学大纲教案
《App Inventor移动应用开发》教学大纲教案1．课程代码：2．课程类型：3．学时：32/48学分：2/34．课程简介：App Inventor是一个基于网页开发Android移动应用程序的快速开发平台，它抛弃复杂的程序代码而使用搭积木的方式来完成您的Android程序。
虽然，App Inventor编写的应用程序或许不是很完美，但它却是普通人都能做的，而且通常是在几分钟内就可完成一个简单的作品。
本课程积极响应教育部和教指委的号召,推进以计算思维和人工智能为导向的新一轮计算机基础课程改革。
以App Inventor为依托，把抽象的计算思维具体化，把复杂的编程思想形象化，通过积木块的编程和将计算思维无缝的融入到一个个有趣的App Inventor小项目，促使学生能理解计算思维的真正内涵和体会到学习编程的乐趣，培养学生的创新能力和使用计算机解决实际问题的能力，推动计算机课程的多元化教学改革，切实提高教学质量和效果。
5．课程目标：本课程以训练计算思维、激发编程兴趣和用计算机解决实际问题为目标。
完成本课程学习后应达到如下目标：知识目标：学生通过该课程的学习，能够快速了解到程序设计基本知识，软件设计与开发的基本知识，手机应用开发的流程，计算思维。
能力目标：学生理解计算思维的真正内涵，并能使用计算机解决实际问题，在较短时间内可将自己的点子（创意）变成手机应用作品。
素质目标：结合课程思政，达到使学生养成良好的学习习惯和思维方式，形成严谨求是的学习方法和科学的研究态度，在之后的学习和工作中少走弯路。
6．面向专业：7．考核方式：平时作业+综合项目8．教学方式：讲授、案例教学、讲练相结合、混合式教学、分组讨论。
10．教材及教学参考资料：瞿绍军. App Inventor移动应用开发标准教程(第2版）.人民邮电出版社，978-7-115-47380-6本书全面、系统地介绍Photoshop CC 2019的基本操作方法和图形图像处理技巧，并对Photoshop在设计领域的应用进行细致的讲解，具体内容包括图像制作基础、软件基础操作、插画设计、Banner 设计、App设计、H5设计、海报设计、网页设计、包装设计、综合设计实训等。
人人都能开发安卓App：App Inventor 2应用开发实战-试读1-3章
更改模拟器分辨率。默认的模拟器分辨率是最小的 HVGA。在 C:\Program Files\AppInventor\commands-for-Appinventor 目 录， 找 到 run-emulator.bat， 右击编辑，在最下方找到 skin HVGA-AppInventor，可以更改为 C:\Program Files\AppInventor\commands-for-Appinventor\from-Android-SDK\platforms\ android-8\skins 目录下的分辨率，如 skin WVGA854。
App Inventor 安卓手机应用开发简易入门3-2
第2节快乐打鼹鼠——HappyKick本节概要：本章将通过HappyKick的课例，介绍新组件canvas、ImageSprint，在后续中添加计时器组件。
围绕canvas的点击事件，配合一些常用控件，达到打鼹鼠的游戏效果，为了让游戏更有趣和耐玩性，增加了生命值和血条等参数。
通过学习本节，让学生明白，做一个安卓小游戏，也是一件很简单的事。
学习要点●熟悉canvas、ImageSprint组件●熟悉计时器组件●设置自变量来显示血条认识新组件表3-2-2 :Image组件与ImageSprint组件的异同点实例探究： HappyKick图3-2-3：程序界面1 图3-2-4：程序界面2界面设计与组件构成：图3-2-5最终UI界面组件的拖放和设置图3-2-6图3-2-4所示。
界面主要涉及到的是第一次用都的canvas组件，ImageSprit、Clock组件，拖曳。
组件清单：2个canvas，1个图片精灵 2个水平布局组件，垂直组件目录Block块编程拼接搭建要实现课例的需求，则需要用block编程实现以下几个问题：○1鼹鼠的点击事件学生首先会想到的是Imgs_BeCatch（鼹鼠图）的单击事件，这样想是情有可原的，但是我仔细再思考一下，Imgs_BeCatch的Click事件能够表示被抓到，那么没有抓到的情况呢？所以综合考虑从之后，我们还是要从canvas下手，从canvas的touched事件下手，在单击时是不是碰到了Imgs_BeCatch（鼹鼠图），这是一种不一样的思维角度。
图3-2-6○2鼹鼠的移动事件疑问：怎样移动？之前，关于改变在app中组件的位置,我们之前一直没有尝试过，而作为动画主角的图片精灵，小鼹鼠也应该是变换着位置，这里会用到数学的随机函数（在游戏类里，随机数可以产生变化，增加趣味性）。
所以通过随机数，让鼹鼠改变位置，这是课例的一个基本解决方案提问：为了让鼹鼠能够完整的出现在屏幕里，随机产生的位置需要什么样的设置？数学的随机函数random（n,m）:在n~m之间产生一个随机整数。
人人都能开发安卓App：App Inventor 2应用开发实战-试读1-3章
图 1-6 aiStarter 桌面图标
双击该图标，便可启动辅助程序。在 Windows 操作系统下该程序默认
开机自启动。启动后将会出现图 1-7 所示的窗口。
第 1 章 App Inventorபைடு நூலகம்2 入门 ∷ 7
图 1-7 aiStarter 启动界面
步骤 3：打开 App Inventor 项目并连接到模拟器 同 方 式 一 一 样， 转 到 App Inventor Companion（网 址 ai2.appinventor. ），打开或创建一个项目。然后从 App Inventor 的顶部菜单中依次单 击“Connenct”→“ Emulator”菜单项，如图 1-8 所示。
图 1-8 连接模拟器
浏览器中央会弹出一个对话框，如
图 1-9 所示，告诉我们正在连接模拟器，
可能需要几分钟时间。
同时，aiStarter 窗口会有一些更新
的状态信息，如图 1-10 所示。 接下来出现模拟器窗口，依次出现
图 1-9 连接模拟器中
如图 1-11 的模拟器启动过程。图 1-11a 为启动初始状态，启动成功后，会显
可能会弹出“不可信任的发行者”对话框，请直接单击“确定”以继续。通
常情况下 App Inventor Setup 软件可以自己找到安装程序的位置，但假如该
软 件 询 问 软 件 安 装 位 置， 直 接 输 入“ C:\Program Files\Appinventor\
commands-for-Appinventor ” 即 可。 如 果
更改模拟器分辨率。默认的模拟器分辨率是最小的 HVGA。在 C:\Program Files\AppInventor\commands-for-Appinventor 目 录， 找 到 run-emulator.bat， 右击编辑，在最下方找到 skin HVGA-AppInventor，可以更改为 C:\Program Files\AppInventor\commands-for-Appinventor\from-Android-SDK\platforms\ android-8\skins 目录下的分辨率，如 skin WVGA854。
APPInventor手机应用程序的开发
APPInventor手机应用程序的开发 1APPInventor的间介 1.1APP Inventor APP Inventor是Google针对Android平台，于2010年提出的以浏览器为基础的开发工具，开发者只要使用浏览器便能开发Android设备上的应用程序，开发者所设计的应用程序项目(Project)会放在云端储存起来。
图1是APP Inventor登录后的界面，当进入开发页面后，就可以管理自己储存于云端的应用程序项目。
Android与Google的应用已经完美无缝结合，渗透了互联网，因此APP Inventor很好地利用了Android开拓宽市场。
当利用APP Inventor开发手机运用程序完成后，可以将其生成二维码，然后使用Android手机上的扫码工具扫二维码下载完成之后，就可以使用这个APP Inventor开发的手机运用程序了。
如图2所示。
1.2APPInventor对初学编程者的优势 APP Inventor是完全开源的软件，利用模块拼接的方式省略了编码的过程，使初学编程者更容易了解软件的内部结构，因而不需太多编程基础;积木式拼接程序;语法错误少;调试容易;使用简单、有趣，形式多样，变幻较多，能激发和活跃学习者的兴趣和思维。
帮助初学编程者消除对编程的畏惧，提高对编程的兴趣，培养编程思维。
1.3开发应用程序的意义 算法与程序设计是信息技术教学的传统内容，其基本的价值取向不以代码编写训练为要义，而以程序设计方法和算法体验为旨归，主要表现在，学习者通过本模块的学习能借助积木式程序设计语言理解生活中的算法问题，并与程序语言表迖的算法形成关联能设计算法并通过拖拽图标方式编写程序解决生活中的简单问题，初步体验程序设计的过程和算法概念。
计算思维是指运用计算机科学的基础概念进行问题求解，系统设计以及人类行为理解等涵盖计算机科学广度的一系列思维活动，程序的编写过程，实质上是问题的提出解决过程的引入APP Inventor使学生实现自己的创意成为可能并获得卓有成效的学习经历，从而真正主动地进行任务驱动型的学习，直接培养学生的计算思维能力。
app_inventor入门手册
app_inventor入门手册入门1.设置您的手机和电脑App inventor需要在web浏览器和Java Web Star程序上运行。
用USB数据线连接你的手机和App inventor程序才能创建你想要设计的程序。
首先你要下载”App Inventor Extras”客户端你的计算机需要满足以下条件，才能运行”App Inventor Extras”安装App Inventor软件包使用App Inventor之前，还需要安装App Inventor Setup软件包在你的电脑上。
你要根据你的电脑的系统去下载相应的安装包，这里只提供Window版本的安装包下载地址appinventor_setup_installer_v_1_1.exe，其他的版本可以自己到网上去下载。
操作系统:Macintosh: Mac OS X 10.5, 10.6Windows: Windows XP, Windows Vista, Windows 7 GNU/Linux: Ubuntu 8+, Debian 5+ 浏览器Mozilla Firefox 3.6 或更高Apple Safari 5.0或更高Google Chrome 4.0或更高Microsoft Internet Explorer 6或更高一般情况下浏览器的版本越高越好JAVA您的计算机需要运行Java 6(即Java1.6)您的浏览器需要进行配置，以便它可以启动Java程序你可以测试Java是否正在您的计算机和安装的版本是提示:如果您使用的是Mac，建议您使用的JRE 1.6(Java 6)。
许多Mac电脑都安装了Java 5和Java 6，但被配置为默认使用的Java 5。
您可以更改默认的Java 6以下步骤: 1)在Finder中，打开应用程序”>实用程序”> Java文件夹。
2)运行Java Preferences。
3)选择常规选项卡4)你会看到两个列表- Java applets和Java applications。
AppInventor2-使用简介
开发测试之一：WiFi连接 • 必须要保证Android设备和电脑WiFi连接： • 在Androi “connect--AI Companion>”,系统自动生 成一个二维码，以及对应的六个字母的编 码； • 在手机上可以直接输入编码，并点击 “connect with code”，或扫描二维码， 即可建立连接； • 开发中的应用将在手机上运行。
AppInventor
使用简介-wuhuth
App Inventor的开发环境
• App Inventor的编程环境包括以下三个重要组成 部分 • 组件设计器运行在浏览器中，创建应用过程中， 用它来进行组件的选择，并进行属性设置； • 块编辑器也在浏览器中运行，用于创建组件的行 为； • 测试设备：在开发应用过程中，可以用Android设 备对应用进行同步的运行与测试；如果你手边没 有Android设备，你可以使用系统中集成的 Android模拟器来测试应用。 •
组件设计器
块编辑器
测试设备
• 在Project右侧的Connect下拉菜单中有三个可选 项（三类测试设备）
• 在Android设备上安装“AI伴侣”软件 搜索MIT的AICompanion，下载、安装并启动 它。然后在“Connect”下拉菜单中选择 “AI Companion”，并按照弹出窗口以及 AI伴侣中的提示进行操作。 • 也可以使用Android模拟器来测试应用 选择“Connect-->Emulator”来加载Android 模拟器，大约要等30秒钟。 • 使用USB连接
App Inventor本土测试版离线包 • 下载地址为/Rwvd3ZF，离线包中 包含了与本土版相匹配的AI伴侣。
开发测试之一：WiFi连接
Inventor实时测试：模拟器
Appinventor（android开发工具）中文入门使用手册移动互联研究工作室
Appinventor（android开发工具）中文入门使用手册移动互联研究工作室App inventor(android开发工具)中文入门使用手册发表于2010 年 11 月 11 日由adminAPP Inventor很强大！只要你敢想，那么就没有你做不出来的。
利用它你可以创造出任何你想要的应用。
通常在开始进行开发的时候，人们可以做出《MoleMash》这样的游戏，或者是那种恶搞的可以让你在你的朋友的照片上随便涂鸦的小程序。
当然，你甚至可以利用手机自带的重力感应功能开发出那种倾斜手机，让一个小球在迷宫中滚来滚去的小游戏。
我们并不只局限于做出以上这些简单的小游戏。
你同样可以利用它制作出带有通知和教育功能的专业软件。
比如，你可以创建一个试题软件来帮助你和你的同学来做考前复习。
通过Android系统包含的文字语音识别系统，你可以让手机直接帮你读出这些试题。
即使你不是个专业的程序员，你一样可以轻松使用App Inventor。
App Inventor不需要有任何程序开发经验。
因为在这里，你将使用到完全可视化的操作方式来设计应用程序的外观，并且使用封装好的模块来实现应用程序的各种行为，这些都无需编写代码！了解App inventor入门1.设置您的手机和电脑无论您使用的是Mac或PC，一个 Nexus One或一个MyTouch，本节将告诉你如何设置您的手机和电脑。
App inventor需要在web浏览器和Java Web Star程序上运行。
用USB数据线连接你的手机和App inventor程序才能创建你想要设计的程序。
首先你要下载”App Inventor Extras” 客户端你的计算机需要满足以下条件，才能运行”App Inventor Extras”操作系统：Macintosh: Mac OS X 10.5, 10.6Windows: Windows XP, Windows Vista, Windows 7GNU/Linux: Ubuntu 8+, Debian 5+浏览器Mozilla Firefox 3.6 或更高Apple Safari 5.0或更高Google Chrome 4.0或更高Microsoft Internet Explorer 6或更高*一般情况下浏览器的版本越高越好JAVA您的计算机需要运行Java 6（即Java1.6）您的浏览器需要进行配置，以便它可以启动Java程序你可以测试Java是否正在您的计算机和安装的版本是提示：如果您使用的是Mac，建议您使用的JRE 1.6（Java 6）。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第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
布局组件:可针对组件进行一定的布局，不使用布局控件时每一行默认只能放一
个一个组件，而且上下紧挨连
图2-2-4
上传资源
在Media 栏点击击upload 文件，即可实现资源文件的上传
图组2-2-5
界面设计与组件构成：
图2-2-6 最终UI 界面
组件的拖放和设置
图2-2-7
上传资源类后对资源的使用，如左图所示，在组件Image1的picture 属性设置为bx1.png
图2-2-8
组件清单：1个Image 组件， 1个水平布局控件。
水平控件目录下：1个标签控件，1个textbox 组件，2个按钮组件，一个声音组件，界面设计和详细表
组件重命名（上节思考课的答案）
保持良好的编程风格，为切换到Block 界面打好坚实的基础，可以更加高效的调试程序,特别是以后会接触多个组件的程序，这点尤为重要。
Tip ：命名时可保留其原有组件属性+自己取得名字采用驼峰式各单词首字母大写命名。
左右观察，可以发现，右边的组件重命名之后，可读性大大提高，方便查找。
图组2-2-10
Block块编程拼接搭建
通过对课例的分析，我们知道核心模块式条件是条件选择，那么我们先来学习一下If模块的使用。
IF模块在Built-in control选项里，蓝色方块可以改变if模块的形式
If模块If—else模块If-else if模块If-多层嵌套
图2-2-11：if的Block模块类型
这样看来，我们宝箱密码使用的就是if-else模块了
结构流程图Block对应模块
图2-2-12 流程图和Block模块结构对照图
那么接下来，我们来分步详细的来讲解宝箱大作战的模块拼接
○1BtnOpen按钮click事件框加入if else模块
图2-2-13
○2If else 模块里添加条件判断句
1.
2.
3.
4.
图组2-2-14
○3设置SoundTiShi的声音源，并播放。
Tip：声音的播放必须要先设置音乐才能播放，否则程序会报错，在以后使用它是要仔细留意是否设置。
图组2-2-15
○4BtnOpen的完整代码
图2-2-16
○5BtnClose的完整代码
图2-2-17
完整模块
代码解读
本案例主要涉及了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：限制课例的错误打开次数，比如错三次，就不再允许开启了。
带着这两个小问题，请同学积极去思考。
本节结束
下节预告：
下一章节我们将进入手机传感器的教学，用真机来演示，是不是要期待一下呢？。