使用 CheckBox 组件

复选框是任何表单或 Web 应用程序中的一个基础部分。每当需要收集一组非相互排斥的 truefalse 值时,都可以使用复选框。例如,一个收集客户个人信息的表单可能有一个爱好列表供客户选择;每个爱好的旁边都有一个复选框。

CheckBox 参数

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

label 设置复选框上文本的值;默认值是 defaultValue。

selected 将复选框的初始值设为选中 (true) 或取消选中 (false)。

labelPlacement 确定复选框上标签文本的方向。该参数可以是下列四个值之一:left、right、top 或 bottom,默认值是 right。有关详细信息,请参阅 CheckBox.labelPlacement

您可以编写动作脚本,通过利用 CheckBox 组件的属性、方法和事件来控制该组件的这些选项以及其他选项。有关详细信息,请参阅 CheckBox 类

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

以下过程解释了如何在创作时将 CheckBox 组件添加到应用程序。下面的范例是一个用于联机约会应用程序的表单,该表单是一个查询,它搜索与客户相匹配的可能约会。该查询表单必须有一个标签为“Restrict Age”的复选框,以允许客户将其搜索限定在一个指定的年龄组。选中“Restrict Age”复选框后,客户就可以在两个文本字段内输入最小年龄和最大年龄,这两个文本字段只有在“Restrict Age”被选中后才启用。

要创建具有 CheckBox 组件的应用程序,请执行以下操作:

  1. 将两个 TextInput 组件从“组件”面板拖到舞台上。
  2. 在属性检查器中,输入实例名称 minimumAgemaximumAge
  3. 将 CheckBox 组件从“组件”面板拖到舞台上。
  4. 在属性检查器中,执行以下操作:
    • 输入 restrictAge 作为实例名称。
    • 输入 Restrict Age 作为标签参数。
  5. 在时间轴中选择第一帧,打开“动作”面板,然后输入以下代码:
    restrictAgeListener = new Object();
    restrictAgeListener.click = function (evt){
      minimumAge.enabled = evt.target.selected;
      maximumAge.enabled = evt.target.selected;
    }
    restrictAge.addEventListener("click", restrictAgeListener);
    

    此代码创建一个 click 事件处理函数,该函数可启用和禁用已放到舞台上的 minimumAgemaximumAge 文本字段组件。有关 click 事件的详细信息,请参阅 CheckBox.click。有关 TextInput 组件的详细信息,请参阅TextInput 组件