变魔术

一、功能描述

在屏幕上显示一张图片（小鸭子），晃动手机，图片消失，再次晃动，图片出现。

二、界面设计

如图 1所示，将组件拖到项目中，上传素材文件，并设置组件的属性。组件的属性值件下表。

图1 设计视图中的用户界面

三、组件清单及属性设置

四、素材清单

重要提醒：

1、素材文件名必须由英文字母及数字组成；

2、素材文件总容量不超过5MB。

五、认识代码块

六、语法要点

1、可扩展块

如图 2所示，凡是带有蓝色标记的代码块，都是可扩展块。

图2 可扩展块

2、多功能块

如图 3所示，这些带有下拉列表的代码块，包含了多项功能。

图3 多功能代码块

3、代码块的连接类型

（1）第一种连接类型：如图 4所示，这两个连接点相匹配，具有连接点2的代码块可以叠落在一起。

图4 第一种类型的连接点

（2）第二种连接类型

如图 5所示，这两种连接点相匹配，连接点1处接收值，连接点2提供值。

图5 第二种类型的连接点

4、组件相关的代码块

图6中是音效播放器组件的全部代码块，其中黄色的为事件块，紫色的为功能块（也称内置过程），浅绿色块用于读取属性值，深绿色块用于设置属性值，最后一个称为组件对象块，它代表组件本身。

图 6隶属于音效播放器组件的全部代码块

5、音效播放器组件

• 先设置源文件属性，再执行播放指令；

• 功能块中的最后一个——振动，用于驱动手机或平板的振动功能。

课堂练习:

1、代码中以画布的背景图片作为判断条件，还有哪些要素可以充当判断条件？

2、利用其他事件来触发图片的显示与消失。

七、课后作业

1、改变音效播放器的最小间隔属性，观察该属性对播放结果的影响；

2、使用音效播放器的振动功能，来配合小鸭子消失的效果。

3、试比较写代码与写记叙文的异同（要素之间的对应关系）。

4、试改变项目中组件的属性值，观察应用的变化。

七、预习作业

1、查看画布组件的代码块，猜猜看它们的作用是什么？

2、把照相机组件拖入到项目中，看看它有哪些代码块。