师：电视机前的同学们，大家好。今天让我们一起来学习六年级广州版信息技术第二单元第17课百变木棉仔。在前面的课程中，我们学习了如何使用APP inventor编写程序，比如轻松逛花市APP、跟我学中文APP和小巧绘画板APP。今天木棉仔给我们提出了一个创意设想。
木棉仔：大家好，我是木棉仔，有没有把我变身各种造型的方法？
师：太简单了，我教你摇身一变。今天我们来制作百变木棉仔APP。通过本节课的学习，我们将完成以下学习目标：一、了解加速度传感器的作用；二、会添加和使用加速度传感器组件；三、会使用随机整数代码块。我们连线杨世佳同学，看看他的演示过程，请大家思考这个APP是如何操作的，手机又有什么反应？
杨世佳：大家好，我叫杨世佳。现在我们打开百变木棉仔的APP，看到了一张木棉仔的图片。现在我摇一摇，再摇一摇，继续摇一摇。
师：通过杨世佳同学的演示，我发现他启动了百变木棉仔APP，摇一摇手机，屏幕上就会出现百变木棉仔的图片。再摇一摇手机，就会出现另一张木棉仔的图像。多次摇动后发现，每次出现的木棉仔图片都不一样，出现的顺序也没有规律。那么如何实现摇一摇手机就能随机切换图片的功能呢？谢谢姚欣然和杨世佳同学，我们一起梳理一下，在APP inventor中要实现相应的功能需要用到哪些组件呢？手机需要检测人的摇一摇动作，这需使用加速度传感器组件；人要看到木棉仔造型的变化，手机需显示出图片，这需要使用我们学习过的图像组件。按照以下步骤完成组件设计。
组件设计：按照如下步骤完成组件设计。单击项目，单击新建项目，输入项目名称，单击确定。设置screen1的属性，将标题设置为“百变木棉仔”。单击上传文件，单击选择文件，单击图片文件，单击打开，单击确定。重复上述上传文件操作多次，每次都选择不同的图片文件。添加图像组件，将高度属性设置为充满，将宽度属性设置为充满，将图片属性设置为1.jpg，将图像一重命名为“木棉仔图像”。添加加速度传感器，将加速度传感器组件的属性设置为默认值。
通过以上步骤，我们学习了组件设计的全过程。首先是新建项目，并设置项目名称；上传文件，添加图片素材，图片素材需以数字命名；添加加速度传感器组件，它是非可视组件。传感器拥有多种技术，能察觉多种特性，例如加速度传感器可检测晃动和方向的变化。完成了组件设计，接着进行逻辑设计，我们一起来看看程序是如何编写的。
逻辑设计：进入逻辑设计界面，按照以下步骤编写程序，实现摇一摇就可以让手机切换不同的木棉仔造型的功能。单击逻辑设计，单击加速度传感器1，拖动此代码块到工作面板；单击木棉仔图像，拖动此代码块到工作面板；单击文本，拖动此代码块到工作面板；单击数学，拖动此代码块到工作面板，在随机整数代码块中分别输入1和4；单击文本，拖动此代码块到工作面板，在文本代码块中输入“.jpg”。
在刚刚的逻辑设计中，这个代码块实现了摇一摇随机显示木棉仔造型的功能。它是如何实现的呢？当加速度传感器1被晃动，执行相应操作，即用户摇一摇手机的动作。代码块设置图像1的图片为图片文件名，该文件名是由随机整数和“.jpg”组合成的一个字符串文件。这个字符串文件具体指的是什么呢？我们来看演示视频，随机整数从1到4，表示返回大于等于1且小于等于4之间的任何一个值，有4种可能的结果，它们发生的概率相等。这个随机整数返回的任意一个值与拓展名“.jpg”使用合并字符串组合在一起会成为一个新的字符串。当组合成的文件名与组件设计中上传的图片文件名一致，可设置图像1图片为对应的木棉仔造型。我们需要留意，要实现百变木棉仔程序设计需要以上的代码块。当加速度传感器1被晃动，执行，表示当检测到摇晃时，执行嵌入的代码块；合并字符串，将给定的若干个字符串组成一个字符串；随机整数从1到100，返回给定范围的随机整数；文本代码块也是一个字符串。我们来看看木棉仔的制作完成情况。