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

以下过程解释了如何在创作时将 ComboBox 组件添加到应用程序。在此示例中,组合框在其下拉列表内呈现一个从中选择城市的列表。

创建具有 ComboBox 组件的应用程序:

  1. 将 ComboBox组件从"组件"面板拖到舞台上。
  2. 选择"变形"工具,并在舞台上调整该组件的大小。

    在创作过程中,组合框只能在舞台上调整大小。通常,您只需改变组合框的宽度以适应其条目。

  3. 选择组合框,并在"属性"检查器中输入实例名称 comboBox
  4. 在"组件"检查器或"属性"检查器中,执行以下操作:
    • 输入 MinneapolisPortlandKeene 作为标签参数。双击标签参数字段以打开"值"对话框。然后单击加号(+)以添加项目。
    • 输入 MN.swfOR.swfNH.swf 作为数据参数。

      这些是假想的 SWF 文件。例如,当用户在组合框中选择了一个城市时,您就可以加载这些文件。

  5. 在时间轴中选择第一帧,打开"动作"面板,然后输入以下代码:
    function change(evt){
        trace(evt.target.selectedItem.label);
    }
    comboBox.addEventListener("change", this);
    

    最后一行代码将 change 事件处理函数添加到 ComboBox 实例。有关更多信息,请参见 ComboBox.change

使用 ActionScript 创建 ComboBox 组件:

  1. 将 ComboBox 组件从"组件"面板拖到当前文档的库中。

    此操作将组件添加到库中,但不会在应用程序中显示。

  2. 在主时间轴中选择第一帧,打开"动作"面板,然后输入以下代码:
    this.createClassObject(mx.controls.ComboBox, "my_cb", 10);
    
    my_cb.addItem({data:1, label:"One"});
    my_cb.addItem({data:2, label:"Two"});
    

    此脚本使用UIObject.createClassObject()方法来创建 ComboBox 实例,然后使用ComboBox.addItem()将列表项添加到 ComboBox 中。

  3. 现在添加一个事件侦听器和事件处理函数,以在选取 ComboBox 项目时做出响应:
    // 创建侦听器对象。
    var cbListener:Object = new Object();
    // 创建事件处理函数。
    cbListener.change = function (evt_obj:Object) {
     trace("Currently selected item is: " + evt_obj.target.selectedItem.label);
    }
    // 添加事件侦听器。
    my_cb.addEventListener("change", cbListener);
    
  4. 选择"控制">"测试影片",然后单击组合框中的某一项以在"输出"面板中显示一条消息。