《讲义2.编程基础ver3.1.docVIP

第二章 编程基础 2 2.1 App Inventor 程序的结构与程序编写步骤 2 2.2 App Inventor 开发环境配置 4 2.2.1配置计算机 4 2.2.2 配置Android手机 5 2.3 编写第一个App Inventor 程序：会问好的企鹅 6 2.3.1 创建一个新项目 6 2.3.2设计组件 6 2.3.3为组件添加行为 7 2.3.3运行程序 9 2.3.4 进一步改进：让企鹅说话的时候张开口 10 2.3.5 再进一步的改进：让企鹅相应手机甩动 12 2.4 App Inventor 程序打包成安装文件 12 2.5 App Inventor源代码的共享 13 2.6小结 13 习题 14 参考文献 14 第二章 编程基础 2.1 App Inventor 程序的结构与程序编写步骤 App Inventor 程序由两部分组成:程序的组件(用户界面)和程序的行为的描述。程序的组件包括用户界面组件和不可见组件。用户界面由一组可见的组件构成。每一个组件都有自己的属性。App Inventor采用事件触发的编程方式。当一个事件发生时，程序会的调用并执行预先编写好的与该事件相对应的操作序列。比如用户点击了一个按钮，可以触发一个按钮的点击事件，程序会自动执行该点击事件中程序代码。App Inventor的事件主要分为四类：用户触发事件、初始化事件、计时器事件和外部事件。 因此，App Inventor的编程过程也主要分为三个步骤： 第一步：程序组件（用户界面）设计，使用App Inventor Designer（设计器） 选择应用程序所需的组件，设置组件的属性，完成程序用户界面设计。 在Designer 中Viewer区主要用于展示所设计程序界面、Palette显示可以被选择的组件列表、Components区显示已被选中的程序组件列表、Media区显示程序使用的多媒体文件列表。 首先，在Palette区选择所需要的组件，将其拖到Viewer区； 然后在Viewer区或Component区选中需要修改属性的组件，这时候Properties区会相应地显示被选中的组件的属性列表； 在Properties区的中选择需要修改的属性进行编辑。 第二步：程序行为设计，使用App Inventor Blocks Editor (块编辑器) 定义组件的行为。 在Blocks Editor的左侧列表中找到需要编写响应的组件；点击它，在它的右侧会产生该组件可以创建的事件列表类型；选择一种需要的事件块并拖到右边的工作区；为事件编写相应的内容。 图2-1 App Inventor Designer(设计器) 界面 图2-2 App Inventor Blocks Editor（块编辑器） 界面 第三步：程序运行，使用emulator（或者使用手机）运行程序。 运行程序一般有两种方法：方法一：点击Blocks Editor上方的New emulator（模拟器），然后点击Blocks Editor上方的Connect to Devices，在下来菜单中选择emulator，即可使用模拟器来运行程序。方法二：将手机用USB线连接到计算机，点击Blocks Editor上方的Connect to Devices，在下拉菜单中选择手机设备，使用手机运行程序。 图2-3 App Inventor emulator（模拟器） 界面 2.2 App Inventor 开发环境配置 App Inventor编程环境的配置主要包括计算机的设置和Android手机的设置两部分，详细的设置流程[1]如下： 2.2.1配置计算机 第一步：检查计算机操作系统系统是否符合App Inventor运行的要求。 App Inventor编程环境运行可以在以下的操作系统中运行：Macintosh (with Intel processor): Mac OS X 10.5, 10.6 、Windows: Windows XP, Windows Vista, Windows 7和GNU/Linux: Ubuntu 8+, Debian 5+ 。 第二步：检查所使用的浏览器是否符合App Inventor运行的要求。 App Inventor编程环境运行可以运行在以下版本的浏览器上：Mozilla Firefox 3.6 或者更高的版本、Apple Safari 5.0或者更高的版本、Google Chrome 4.0或者更高的版本和Microsoft Internet Explorer 7或者更高的版本。 第三步：安装Java环境并测试Java环境是否符合App Inventor运行的要求。 Ja