师：同学们好，今天我们一起来学习六年级广州版信息技术第二单元第21课《垃圾巧分类 综合创作》。“绿水青山就是金山银山”，为提高大家的环保意识，保护人类赖以生存的环境，国家提倡垃圾分类处理。今天，我们就学以致用，用APP inventor设计一款能普及垃圾分类知识的APP。首先，请陈如同学来操作体验一下。
生：我打开这个APP，点击“开始游戏”按钮，接着摇一摇手机，出现了废弃纸巾的图片，我选择“其他垃圾”。屏幕上出现“你真棒”的提示。接着我再摇一摇手机，出现了废弃电池的图片，这次我不小心选成了“可回收物”，屏幕上出现“再想想”的提示。
师：谢谢陈如同学的分享。怎样才能设计这样一款原创APP呢？首先，我们要会构思作品；其次，要会对作品进行组件设计；还要会综合运用所学知识编写程序。结合陈如同学的体验过程，我们来分析一下这个作品的功能模块结构图，它也出现在教材的第135页。我们可以看到，这个APP有两个功能页面屏幕，分别是首页和游戏页面。首页中包含使用说明和开始按钮，单击开始按钮可以打开游戏页面。游戏页面可以实现摇一摇手机、随机出题，以及对选择结果进行判断的功能。根据这个模块结构图，我们能非常清晰完整地了解整个作品所能实现的功能。完成作品的功能构思，准备好相关素材后，我们就可以开始进行组件设计了。接下来，我们通过以下视频学习组件设计的过程。
师：组件设计按照如下操作完成。垃圾巧分类项目的组件设计，screen1为首页，screen2为游戏页面。首页的组件设计：设置背景图片，选择BPNG，单击确定；设置图标，选择LOGO.JPG，单击确定；添加图像，将高度属性设置为充满，宽度属性设置为充满，将图片属性设置为“标题.PNG”，将图像一重命名为“标题”；添加标签，将标签一重命名为“说明”，设置文本属性，将高度属性设置为充满，宽度属性设置为充满，字号属性设置为20；添加按钮组件，将按钮一重命名为“开始游戏按钮”，将文本属性设置为“开始游戏”，勾选粗体，将背景颜色属性设置为黄色，字号属性设置为18，形状属性设置为圆角；添加表格布局，将列数设置为3，行数设置为1；添加图像，将图像一重命名为“垃圾桶图片”，将高度设置为100像素，宽度设置为300像素，将图片设置为“垃圾桶.PNG”。
师：以上就是首页的组件设计过程。首页中主要包含使用说明和开始按钮。使用说明我们需要用到表格布局和标签组件，开始按钮需要用到按钮组件。单击开始按钮可以打开游戏页面，所以还需要增加游戏页面的屏幕。接下来，我们通过以下视频学习游戏页面的组件设计过程。
师：游戏页面的组件设计：添加屏幕screen2，将水平对齐设置为居中，垂直对齐设置为居中，将背景图片设置为BPNG，将标题设置为“垃圾巧分类”，按首页加标题的方法为游戏页面加上相同的标题；添加表格布局，将列数设置为3，行数设置为1，高度设置为180像素，宽度设置为充满；添加图像组件到表格布局一中，并重命名为“物品图片”，将图像的高度设置为180像素，宽度设置为160像素，将图像的图片属性设置为“begin.PNG”；添加图像组件到表格布局一中，将图像的高度设置为180像素，宽度设置为160像素，将图像的图片属性设置为“对.PNG”，将图像的可见性设置为假，将图像一重命名为“对”；参照添加图像“对”的方法添加图像“错”；添加表格布局，将表格的列数改为4，行数改为2；添加图像，将图像一重命名为“厨余垃圾桶”，将图像的高度设置为100像素，宽度设置为80像素，将图像的图片属性设置为“厨余垃圾桶.PNG”；按添加厨余垃圾桶图像的方法，依次添加“可回收物桶”“其他垃圾桶”“有害垃圾桶”三个图像；添加按钮组件，将按钮一重命名为“厨余垃圾桶按钮”，将按钮的文本属性改为“厨余垃圾”，将按钮的文本颜色属性改为蓝色；按添加厨余垃圾桶按钮的方法，依次添加“可回收物按钮”“其他垃圾桶按钮”“有害垃圾桶按钮”三个按钮；添加速度传感器。
师：以上是游戏页面的组件设计过程。游戏页面中摇一摇出现题目，我们需要用到多媒体组件、加速度传感器以及表格布局、图像和按钮等组件。组件设计完成以后，就可以开始进行逻辑设计了。接下来，我们通过以下视频学习逻辑设计的过程。
师：逻辑设计按照如下操作完成垃圾巧分类项目的逻辑设计。单击“逻辑设计”，单击“开始游戏按钮”，拖动此代码块到工作面板；单击“控制”，拖动此代码块到工作面板；单击“文本”，拖动此代码块到工作面板，在文本代码块中输入“SCREEN2”，切换到screen2；单击“变量”，拖动此代码块到工作面板，将变量名修改为“all”；单击“列表”，拖动此代码块到工作面板，单击此图标，依次添加两个列表项；单击“文本”，拖动此代码块到工作面板，在文本代码块中输入“可回收物.PNG”，按同样的方法添加三个文本代码块，文本内容分别是“厨余垃圾.PNG”“其他垃圾.PNG”“有害垃圾.PNG”；单击“加速度传感器1”，拖动此代码块到工作面板；单击“物品图片”，拖动此代码块到工作面板；单击“列表”，拖动此代码块到工作面板；单击“变量”，拖动此代码块到工作面板，单击下拉按钮，选择“global all”；单击“对”，拖动此代码块到工作面板；单击“逻辑”，拖动此代码块到工作面板；单击“错”，拖动此代码块到工作面板；单击“逻辑”，拖动此代码块到工作面板；单击“厨余垃圾桶按钮”，拖动此代码块到工作面板；单击“控制”，拖动此代码块到工作面板，单击此图标添加“否则”；单击“文本”，拖动此代码块到工作面板，单击“物品图片”，拖动此代码块到工作面板，比较符选择“等于号”；单击“文本”，拖动此代码块到工作面板，在文本代码块中输入“厨余垃圾.PNG”，单击“对”，拖动此代码块到工作面板，单击“逻辑”，拖动此代码块到工作面板，单击“错”，拖动此代码块到工作面板，单击“逻辑”，拖动此代码块到工作面板，单击“对”，拖动此代码块到工作面板，单击“逻辑”，拖动此代码块到工作面板，单击“错”，拖动此代码块到工作面板，单击“逻辑”，拖动此代码块到工作面板。至此，已完成一个按钮的逻辑设计，接下来可以通过复制代码块来实现其他几个按钮的逻辑设计。在此代码块上单击鼠标右键，选择其他按钮，如“可回收物桶按钮”，文本代码块内容改成对应的值，如“可回收物.PNG”。按同样的方法完成对“其他垃圾桶按钮”“有害垃圾桶按钮”两个按钮的逻辑设计。