首先我们打开图2.36所示的界面左侧的某个标签，会看到图2.38所示的拼图元素。这些元素都是公用元素，也就是所有的Android应用程序都可以使用的元素。再单击"My Blocks"标签以及Button1，会看到图2.39所示的拼图元素。这些拼图元素就是和在图2.35所示的界面中绘制的控件相关的事件和动作。广州网站设计
 |
| 图2.38 公用的拼图元素 |
下面来看看如何使用这些拼图元素来拼装代码。首先我们来观察一下每一个拼图元素的形状，我们先来看看Button1的Click事件的拼图元素（图2.39示出拼图元素的第一个），如图2.40所示。这个拼图元素有一个半封闭的凹槽，内侧左上角有一个突起。再看一下Canvas1的DrawCircle拼图元素（在图2.39所示的界面Canvas1标签中），如图2.41所示。DrawCircle拼图元素上方有一个凹陷的槽，下方有一个突起，在右侧有三个凹陷的槽。最后看看产生随机整数的拼图元素（在图2.38所示的界面Math标签中），如图2.42所示。这个拼图元素自动生成了3个更小的拼图元素，其中有两个表示整数的拼图元素。从这3个拼图元素的位置来看，突起的部分正好嵌入到了凹槽中。从这一点可以推断突起是需要嵌入到凹槽中的，也就是说，代码片段需要通过突起和凹槽进行连接，从而形成一个完整的应用程序。以此类推，DrawCircle拼图元素上方的凹槽是可以和Click事件拼图元素内部的突起连在一起的，这样当单击Button1后，就会执行DrawCircle动作。广州网站设计
按照这种方式，我们就可以开始拼装绘制随机实心圆程序了。下面先看看这个程序需要哪些拼图元素，除了图2.40、图2.41和图2.42所示的3个拼图元素外，还需要如下几个拼图元素。广州网站建设
Canvas1.PaintColor（在Canvas1标签中）；
Choose（在Control标签中）；
>（在Math标签中）；
 |
| 图2.39 与拖曳控件相关的拼图元素 |
Number（在Math标签中）；
Blue（在Color标签中）；
Red（在Color标签中）；
Green（在Color标签中）；
Button2.Click（在Button2标签中）；
Canvas1.Clear（在Canvas1标签中）。
 |
| 图2.40 Click事件拼图元素 |
 |
| 图2.41 DrawCircle拼图元素 |
 |
| 图2.42 产生随机数的拼图元素 |
 |
| （点击查看大图）图2.43 本例用到的拼图元素 |
 |
| 图2.44 拼装后的代码片段 |
在拼装完代码后，单击图2.36所示的界面右上角的"Connect to Device"按钮。如果这时已经启动了Android模拟器，那刚才拼装的程序会直接在模拟器上运行（如果通过USB连接了手机，并处于调试状态，也可以直接在手机上运行）。如果还没有启动模拟器，在打开图2.36所示的界面时会自动启动Android模拟器。在AppInventor自带的模拟器中运行的效果如图2.45所示。各位读者可以将图2.45和图2.19进行对比，看看效果是否一样。广州网站建设
 |
|
图2.45 在AppInventor自带的 模拟器中运行程序的效果 |
