Flash中利用组件完成选择题的设计

我们来利用Label 组件（文本组件）、RadioButton组件（单选按钮组件）、CheckBox组件（多选框组件）、Button组件（按钮组件）以及TextInput 组件（文本框组件）来完成第一节中的选择题的设计，先来分析下各组件的分布情况，如图：

下面我们按组件的类型来加以介绍：

1Label 组件（文本组件）

课件中，用到了5个Label组件，我们来完成第一个，具体方法如下：

1、新建一个AS3.0文件，打开窗口→组件，选User Interface文件夹下的Label组件，直接拖入到舞台上，放在最上端。

2、在选中这个组件的状态下，到属性面板中修改组件参数的text值为“1、酗酒对哪个脏器影响最大( )(单选)”，然后在该参数输入框以外的任意位置点击鼠标，我们会发现，组件的标签变了，但却不能完全显示，如何全部显示呢？

3、再次选中这个组件，用工具栏上的变形工具拖大，使文字能完全显示即可。

4、至此，一个完整的Label组件就好了，你能依照这个步骤完成另外的四个吗？试试吧。最后再调整下各自的位置，效果如图所示：

5、点文件→保存，确定保存路径，命名为“选择题设计”。

拓展：Label 组件有什么特点？

Label 组件显示单行文本，通常用于标识网页上的其它某些元素或活动。下图是其组件参数：

各参数具体意义如下：

1、autoSize :指示如何调整标签大小和对齐标签，有四个选项：

①left：调整标签右边和底边的大小以适合文本，不会调整左边和上边的大小。

②center：调整标签左边和右边的大小以适合文本。标签的水平中心锚定在它原始的水平中心位置。

③right：调整标签左边和底边的大小以适合文本。不会调整上边和右边的大小。

④none：不调整标签大小或对齐标签来适合文本。

2、condenseWhite :指示是否应从包含HTML 文本的Label 组件中删除额外空白，如空格和换行符。

3、enabled :指示组件能否接受用户输入。选中为接受，取消选中为不接受。

4、htmlText :获取或设置由Label 组件显示的文本，包括表示该文本样式的HTML 标签。

5、selectable :指示文本是否可选。选中为可选，取消选中为不可选。

6、text :获取或设置由Label 组件显示的纯文本。

7、visible :指示当前组件实例是否可见，选中则可见，取消选中则不可见。

8、wordWrap :指示文本字段是否支持自动换行。选中则自动换行，取消选中则不自动换行。这里要注意组件的大小，如果太小则无法实现换行。

2RadioButton组件（单选按钮组件）

在课件中，我们用到了八个RadioButton组件，我们还是来完成一个示范：

1、打开上节的文件“选择题设计”；

2、打开窗口→组件，选User Interface文件夹下的RadioButton组件，直接拖入一个到舞台上，放在第1题的下方，作为该题的第一个选项。

3、在选中这个组件的状态下，到属性面板中修改组件参数的label值为“A.肺”，然后在该参数输入框以外的任意位置点击鼠标，我们会发现，组件的标签变了

4、至此，一个完整的RadioButton组件就好了，你能依照这个步骤完成另外的七个吗？试试吧。最后再调整下各自的位置，效果如图所示：

5、千万别忘记保存啊。

拓展：RadioButton组件有什么特点？

使用RadioButton 组件可以强制用户只能选择一组选项中的一项。该组件必须用于至少有

两个RadioButton 实例的组中。在任意给定时刻，都只能有一个组成员被选中。选择组中的一个单选按钮将取消选择该组中当前选中的单选按钮。可以设置groupName 参数来指示单选按钮属于哪个组。下图是其组件参数：

各参数具体意义如下：

1、enabled :指示组件能否接受用户输入。选中为接受，取消选中为不接受。

2、groupName :单选按钮实例或组的组名。

3、label :获取或设置组件的文本标签。

4、labelPlacement :标签相对于指定图标的位置，有四个选项：

①right：文本标签位于图标的右侧

②left：文本标签位于图标的左侧

③bottom：文本标签位于图标的底部

④top：文本标签位于图标的顶部

5、selected :指示单选按钮当前处于选中状态(true) 还是取消选中状态(false)。

6、value :与单选按钮关联的用户定义值。

7、visible :指示当前组件实例是否可见，选中则可见，取消选中则不可见。

3CheckBox组件（多选框组件）

在课件中，我们还用到了八个CheckBox组件，我们还是来完成一个示范：

1、继续打开上节的文件“选择题设计”；

2、打开窗口→组件，选User Interface文件夹下的CheckBox组件，直接拖入一个到舞台上，放在第3题的下方，作为该题的第一个选项。

3、在选中这个组件的状态下，到属性面板中修改组件参数的label值为“A.尽量不与患病动物接触”，然后在该参数输入框以外的任意位置点击鼠标，我们会发现，组件的标签变了。如果不能完整再次选中这个组件，用工具栏上的变形工具拖大，使文字能完全显示即可。

4、至此，一个完整的CheckBox组件就好了，你能依照这个步骤完成另外的七个吗？试试吧。最后再调整下各自的位置，效果如图所示：

5、千万别忘记保存啊。

拓展：CheckBox组件有什么特点？

CheckBox 组件是一个可以选中或取消选中的方框。当它被选中后，框中会出现一个复选标记。我们还可以为CheckBox 添加一个文本标签，并可以将它放在CheckBox 的左侧、右侧、上面或下面。下图是其组件参数：

各参数具体意义如下：

1、enabled :指示组件能否接受用户输入。选中为接受，取消选中为不接受。

2、label :获取或设置组件的文本标签。

3、labelPlacement :标签相对于指定图标的位置。

4、selected :指示切换按钮是否已切换至打开或关闭位置。

5、visible :指示当前组件实例是否可见，选中则可见，取消则不可见。

4Button组件（按钮组件）

前面应该把题目准备好了，还得需要一个按钮，这个按钮也可以利用组件，当然也可以从公用库中调用按钮，但公用库中的按钮标签修改相对来说不如按钮组件容易些，下面我