第一章 认识 App Inventor

1. 第一章认识App Inventor 四川师范大学 Supported by Google

4. 学习目标与内容:App Inventor的编程基本方法 01 02 选择需要的组件 并告诉这些组件去做些什么 把组件组合成一个应用程序 目标App Inventor 03 04 如何通过组件设计窗口 来选择组件 通过属性设置来改变组件 的属性和添加多媒体元素 05 06 通过语句块窗口把不同的 语句块组合起来控制 组件的行为 完成一个完整的App Inventor 应用程序,并在手机上运行该程序

5. 组件设计窗口 1 选择需要的组件，并设置它们的属性，添加多媒体元素等

6. 语句块窗口 2 组合不同的语句块，控制组件的行为和用户交互等功能

7. 测试手机（窗口） 3 组合不同的语句块，控制组件的行为和用户交互等功能

8. 调色板显示的是App Inventor提供的所有组件的列表。你可以从调色板中选择你所需要的组件来构成你的应用程序。这些组件在调色板中被分类摆放：包括基础组件、多媒体组件、动画组件、感应组件等 该界面显示的是你选中的某一个组件的所有具体属性，你可以在该界面中查看和更改这些属性，也可以把多媒体文件上传到该组件中。 该视口显示的是你正在开发的App Inventor应用程序在手机上运行起来时是什么样子，即是应用程序在手机上的用户界面 该列表显示你的应用程序用到的组件和它们的关系等 视口（view） 调色板(Palette) 组件列表(Components) 组件属性编辑界面(Properties)

9. 当用户按下该按钮时，应用程序产生指定的行为和反馈当用户按下该按钮时，应用程序产生指定的行为和反馈 组 件 标签（Label） 标签是用来设置在应用程序显示的文字，并可以按你的需要配置他们的大小、字体、颜色、位置等 按钮（Button）

10. 找到 标签 组件 打开调色板(Palette)中的基础组件（Basic） 您的标题 添加到 应用 程序 把标签拖到视口（Viewer）中你需要的位置 设置标签属性 在组件属性编辑界面(Properties)中，更改： 文字—Text 字体—fontsize 颜色—TextColor

11. 请通过在应用程序中添加标签，使你的手机上呈现下图所示的界面请通过在应用程序中添加标签，使你的手机上呈现下图所示的界面 【标签图示】 案例

12. 欢迎你来演示 疑问一 疑问二 疑问三 多个标签怎么加到应用程序中的 不同标签的不同位置、颜色是怎么实现的 怎么删除一个不用的标签

13. 找到 按钮 组件 打开调色板(Palette)中的基础组件（Basic） 您的标题 添加到 应用 程序 把按钮拖到视口（Viewer）中你需要的位置 在组件属性编辑界面(Properties)中，更改： 按钮上面的文字—Text 按钮颜色—BackgroundColor 按钮大小—Width，Height 设置按钮属性

14. 请通过在应用程序中添加按钮，使你的手机上呈现下图所示的界面请通过在应用程序中添加按钮，使你的手机上呈现下图所示的界面 案例

15. 欢迎你来演示 疑问一 疑问二 怎样设置按钮上面文字的大小 按下按钮后为什么没给出我们想要的答案？ （1+1=?）

17. 打开语句块窗口

18. 自带语句块（Built-In） 01 02 03 语句块库 我的语句块(My Blocks) 高级语句块(Advanced)

19. 提问 从语句块库找到需要的语句块，拖到中央窗口中 怎样生成一个自己的语句块？ 按钮对应的语句块在哪里？ 如果按下按钮将显示答案，是 哪个语句块在控制按钮的这 种行为

20. 实践 我的语句块（My Blocks） Button1 Button1.Click set button1.text to  text 按钮的行为实现

21. 讨论 Button1代表什么，可以修改吗？ 显示1+1=2后，再按按钮是什么反应？为什么？怎么让按钮恢复反应呢？ 结果论证

22. 如下图所示，给按钮命名，给应用程序命名 【按钮图示】 案例

25. 课堂小结 一 二 三 四 选择需要的组件 并告诉这些组件去做些什么; 把组件组合成一个应用程序 如何通过组件设计窗口来选择组件;通过属性设置来改变组件 的属性和添加多媒体元素 完成一个完整的App Inventor 应用程序,并在手机上运行该程序 通过语句块窗口把不同的 语句块组合起来控制 组件的行为