师：同学们，今天我们一起来学习六年级广州版信息技术第二单元第20课“知识小达人——变量和列表的使用”。木棉仔为寻找身边的知识小达人，用APP inventor制作了一款知识小达人APP。现在邀请一位同学来体验，大家边看边思考，在这个APP中人的行为是什么，手机的反应又是什么？
生：大家好，我是蒋灿航，接下来由我为大家体验知识小达人这个APP。首先点开它，出现“问题谁来答”这个界面，然后点击“开始抽号”按钮，出现了学号一，接着点击“查看题目”按钮，出现了“广州的传统戏剧是什么”这类题目。
师：通过刚才的演示，我们发现在这个APP中人的行为是点击按钮，手机的反应是随机抽号或随机抽题。我们可以用之前学过的调用随机整数代码块来实现。那如何实现随机抽题呢？今天我们就一起来学习制作知识小达人APP实现随机抽题的功能。本节课我们要学习两个内容：一是使用变量代码块新建和调用变量；二是会使用列表代码块为变量赋值。下面我们一起跟着视频学习如何制作知识小达人APP。
组件设计，按如下步骤完成：单击项目按钮，单击新建项目，输入项目名称后单击确定，设置背景颜色为淡黄色。点击完成按钮，将图标属性设置为图标.jpg，将标题属性设置为“知识小达人”。向上拖动滚动条，单击界面布局，拖动水平布局组件到工作面板中，并将高度属性设置为50比例，宽度属性设置为充满。
拖动水平布局组件到工作面板中，并将垂直对齐属性设置为居中二，高度属性设置为12比例，宽度属性设置为充满。
拖动水平布局组件到工作面板中，并将垂直对齐属性设置为居中二，高度属性设置为12比例，宽度属性设置为充满。
拖动水平布局组件到工作面板中，并将水平对齐属性设置为居中3，高度属性设置为20比例，宽度属性设置为充满。单击用户界面，拖动图像组件到水平布局一中，单击重命名按钮，输入“提问图像”，单击确定按钮，将高度属性设置为50比例，宽度属性设置为充满，图片属性设置为“谁来答.jpg”。
拖动按钮组件到水平布局2中，单击重命名按钮，输入“开始抽号按钮”，单击确定按钮，将背景颜色属性设置为粉色，勾选粗体，字号属性设置为24，宽度属性设置为50比例，形状属性设置为圆角，文本属性设置为“开始抽号”。
拖动标签组件到水平布局2中，单击重命名按钮，输入“逗号，结果显示标签”，单击确定按钮，勾选粗体，字号属性设置为24，文本属性设置为空。
拖动按钮组件到水平布局3中，单击重命名按钮，输入“查看题目按钮”，单击确定按钮，将背景颜色属性设置为橙色，勾选粗体，字号属性设置为24，宽度属性设置为50比例，形状属性设置为圆角，文本属性设置为“查看题目”。
拖动标签组件到水平布局4中，单击重命名按钮，输入“题目，显示标签”，单击确定按钮，勾选粗体，字号属性设置为20，文本属性设置为空。
通过以上视频，我们学习了组件设计的全过程。首先新建项目并设置标题，然后进入组件设计。在这个APP的组件设计中，需要添加4个水平布局、“问题谁来答”图像、“开始抽号”和“查看题目”两个按钮、显示号码和显示题目两个标签。组件设计过程中要逐一设置好组件列表和组件属性。完成组件设计，接着进行逻辑设计，我们一起来看看程序怎么编写。
逻辑设计，按如下步骤编写程序：单击逻辑设计，单击“开始抽号按钮”，拖动此代码块到工作面板；单击“抽号结果显示标签”，拖动此代码块到工作面板；单击“数学”，拖动此代码块到工作面板，在随机整数代码块中分别输入1和5；单击“变量”，拖动此代码块到工作面板，新建变量，名为“题库”；单击“列表”，拖动此代码块到工作面板，单击该图标，添加三个列表项；单击“文本”，拖动此代码块到工作面板，重复上述两步四次，依次用键盘输入“广州市的市花是什么”等5道题目的内容。
单击“查看题目按钮”，拖动此代码块到工作面板；单击“题目显示标签”，拖动此代码块到工作面板；单击“列表”，拖动此代码块到工作面板；单击“变量”，拖动此代码块到工作面板，单击下拉按钮，选择“global题库”。