第二节 组件(5)

（9）单选按扭（RadioButton）组件

单选按钮是任何表单或Web应用程序中的一个基础部分。如果你需要让用户从一组选项中做出一个选择，可以使用单选按钮。例如，在表单上询问客户要使用哪种信用卡付款时，就可以使用单选按钮。

使用单选按扭（RadioButton）组件可以强制用户只能选择一组选项中的一项。RadioButton 组件必须用于至少有两个RadioButton实例的组。在任何给定的时刻，都只有一个组成员被选中。选择组中的一个单选按钮将取消选择组内当前选定的单选按钮。

可以启用或禁用单选按钮。在禁用状态下，单选按钮不接收鼠标或键盘输入。

在【属性】面板中可以设置ProgressBar组件的参数有：

u       label：设置按钮上的文本值，默认值是“Radio Button（单选按钮）”。

u       data：与单选按钮相关的值，没有默认值。

u       groupName：单选按钮的组名称，默认值为 radioGroup。

u       Selected：将单选按钮的初始值设置为被选中(true)或取消选中(false)。被选中的单选按钮中会显示一个圆点。一个组内只有一个单选按钮可以有被选中的值true。如果组内有多个单选按钮被设置为true，则会选中最后实例化的单选按钮。默认值为 false。

u       labelPlacement：确定按钮上标签文本的方向。该参数可以是下列四个值之一：left、right、top或bottom，默认值是right。

（10）文本域（TextArea）组件

在需要多行文本字段的任何地方都可使用文本域（TextArea）组件。默认情况下，显示在TextArea组件中的多行文字可以自动换行。另外，在TextArea组件中还可以显示html格式的文本（由html参数控制）。如果需要单行文本字段，请你使用TextInput组件。

在【属性】面板中可以设置TextArea 组件的参数有：

u       text：指明 TextArea 的内容。你无法在【属性】面板或【组件检查器】面板中输入回车。默认值为：""（空字符串）。

u       html：指明文本是(true)否(false)采用HTML格式。默认值为false。

u       editable：指明TextArea组件是(true)否(false)可编辑。默认值为true。

u       wordWrap：指明文本是(true)否(false)自动换行。默认值为true。

下面制作一个判断是非的小程序，这个程序很简单，它使用了三个组件：RadioButton组件、TextArea组件和Label组件。

我们先来看一看程序运行的情况，该文件为配套光盘相应目录中的“判断是非.fla”，程序运行的初始画面如图8-3-18所示。

图8-3-18 初始页面

当你单击标签为Yes或No的单选按扭时，最下边的文本域中会显示不同的反馈信息，如图8-3-19和图8-3-20所示。

图8-3-19 单击标签为Yes的单选按扭

图8-3-20 单击标签为No的单选按扭

下面我们一起来制作这个实例：

步骤1 创建影片文档

新建一个影片文档，舞台大小设置为300×220，背景颜色设置为灰色。保存这个影片文档，文件名为“判断是非.fla”。

步骤2 引用组件

从【组件】面板中，分别拖放一个Label组件实例、两个RadioButton组件实例、一个TextArea组件实例到舞台上，并将它们摆放整齐，如图8-3-21所示。

图8-3-21 应用组件

步骤3 设置组件实例属性和参数

选择舞台上的Label实例，在【属性】面板中设置它的【text】参数值为“你喜欢Flash吗？”。其他参数保持默认值。

选择第一个RadioButton实例，在【组件检查器】面板中，设置【data】参数为“太好了，你是一位闪客！”，设置【label】参数为“Yes”，其他参数取默认值，如图8-3-22所示。

图8-3-22 设置第一个RadioButton实例参数