移动编程初步.pptVIP

1(49)移动编程导论

第二讲

AppInventor编程根底

2(49)主要内容AppInventor程序结构与编程主要步骤AppInventor开发环境配置编写第一个AppInventor程序：会问好的企鹅编写第二个AppInventor程序：母亲节贺卡AppInventor程序打包与源代码的共享

3(49)AppInventor程序的结构AppInventor程序由两局部组成:程序的组件〔用户界面〕程序的行为〔事件／消息〕

4(49)AppInventor编程主要步骤第1步：翻开AppInventor第2步：程序组件〔用户界面〕设计使用AppInventorDesigner选择应用程序所需的组件，设置组件的属性，完成程序用户界面设计。第3步：程序行为设计使用AppInventorBlocksEditor定义组件的行为。第4步：程序运行使用(平板)或emulator运行程序。

5(49)第1步：翻开AppInventor：

6(49)第1步：翻开AppInventor：创立一个新工程

7(49)第1步：翻开AppInventor：创立一个新工程“Test”

8(49)第2步：程序组件〔用户界面〕设计Components区显示已被选中的组件列表Palette区显示可选择的组件Viewer区显示程序界面的表现形式Media区显示程序可用的多媒体文件Properties区显示组件的属性

9(49)第2步：程序组件〔用户界面〕设计：添加组件Button

10(49)第2步：程序组件〔用户界面〕设计：添加组件Sound

11(49)第2步：程序组件〔用户界面〕设计：添加多媒体文件

12(49)第3步：程序行为设计：进入编程环境在主界面右上角点击”Block”进入Block编程界面

13(49)第3步：程序行为设计：Block编程界面可用于添加程序中的的组件的响应事件Workspace区显示程序中组件的事件响应序列点击右上角“Block”旁边的“Designer”按钮，可返回组件设计界面

14(49)第3步：程序行为设计：按钮Button1的点击事件

15(49)第3步：程序行为设计：点击按钮后播放音乐

16(49)将AI2Companion安装到移动设备上确认计算机及移动设备可连接到互联网在移动设备上运行AICompanion点击主界面上方的Connect下拉菜单项选择择AICompanion用移动扫描计算机屏幕上出现的二维码，并点击”Connectwithcode”程序即可在移动设备上运行第3步：利用移动设备〔或平板电脑〕运行程序以上方式为推荐方式，其他运行方式可详见：

17(49)编写AppInventor程序：设计一个具有以下功能的程序：显示企鹅的形象用手抚摸屏幕上的企鹅，企鹅会和大家打招呼

18(49)第一步：创立新工程“HelloPenguin”使用浏览器翻开选择一个效劳器，并使用汕头大学上网账号登录系统，进入AppInventor开发环境在界面的左上方，选择MyProjects进入工程页面在界面的左上方，选择New,新建一个工程，并命名为“HelloPenguin”

19(49)第二步：界面设计–添加一个按键

20(49)第二步：界面设计–修改按键的属性属性Text的内容改为“PetMe”属性Width改为“FillParent”属性Height改为400属性Image改为“penguin1.jpg”属性FontBold改为选择属性FontSize改为20

21(49)第二步：界面设计–修改按键的属性

22(49)第二步：界面设计–添加其他多媒体

23(49)第二步：界面设计–添加声音组件

所见即所得…

24(49)第三步：编程–进入编程环境

25(49)第三步：编程-点击〔触摸〕企鹅

26(49)第三步：编程–让企鹅说话

搭积木式的编程方式，不必记住并键入指令…

27(49)第四步：运行程序将AI2Companion安装到移动设备上确认计算机及移动设备可连接到互联网在移动设备上运行AICompanion点击主界面上方的Connect下拉菜单项选择择AICompanion用移动扫描计算机屏幕上出现的二维码，并点击”Connectwithcode”程序即可在移动设备上运行

28(49)现在我们得到一个设计好的HellPenguin程序…屏幕上显示一个企鹅形象点击企鹅，企鹅说：“您好，我是企鹅”图HelloPenguin程序在模拟器上运行第四步：运行程序

29(49)前面我们完成的程序，企鹅说话的时候是闭着嘴的，能否