上一页下一页

使用 RadioButton 组件

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

RadioButton 参数

以下是您可以在属性检查器中或在“组件检查器”面板中为每个 RadioButton 组件设置的创作参数：

label 设置按钮上的文本值，默认值是“单选按钮”。

data 是与单选按钮相关的值。没有默认值。

groupName 是单选按钮的组名称。默认值为 radioGroup。

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

labelPlacement 确定按钮上标签文本的方向。该参数可以是下列四个值之一：left、right、top 或 bottom，默认值是 right。有关详细信息，请参阅 RadioButton.labelPlacement。

您可以编写“动作脚本”，通过利用 RadioButton 类的方法、属性和事件来设置 RadioButton 实例的其他选项。有关详细信息，请参阅 RadioButton 类。

创建具有 RadioButton 组件的应用程序

以下过程解释了如何在创作时将 RadioButton 组件添加到应用程序。在该范例中，单选按钮用于显示是非问题，如“您是一个 Flashist 吗？”单选按钮组的数据和实例名称 Verdict 一起显示在 TextArea 组件中。

要创建具有 RadioButton 组件的应用程序，请执行以下操作：

  1. 将两个 RadioButton 组件从“组件”面板拖到舞台上。
  2. 选择一个单选按钮，然后在“组件检查器”中执行以下操作：
    • 为 label 参数输入 Yes。
    • 为 data 参数输入 Flashist。
  3. 选择另一个单选按钮，然后在“组件检查器”中执行以下操作：
    • 为 label 参数输入 No。
    • 为 data 参数输入 Anti-Flashist。
  4. 在时间轴中选择第一帧，打开“动作”面板，然后输入以下代码： 
    flashistListener = new Object();
flashistListener.click = function (evt){
    theVerdict.text = evt.target.selection.data
}
radioGroup.addEventListener("click", flashistListener);

    代码最后一行将一个 click 事件处理函数添加到 radioGroup 单选按钮组。处理函数会将 TextArea 组件实例 theVerdict 的 text 属性设置为 radioGroup 单选按钮组中被选定的单选按钮的 data 属性的值。有关详细信息，请参阅 RadioButton.click。

上一页下一页