文本字段示例应用程序

本节介绍如何创建简单的、用于获取用户文本输入的应用程序,然后设置文本格式,使文本显示在支持 HTML 的动态文本字段中。该应用程序还使用 SetFocusRectColor 命令将焦点矩形颜色由默认颜色(黄色)更改为黑色。

有关采用此方法的完整应用程序示例 (textfield_example.fla),请访问 www.adobe.com/go/learn_flt_samples_and_tutorials_cn。找到与您的 ActionScript 版本相对应的 .zip 文件,下载并解压缩该 .zip 文件,然后导航到 Samples 文件夹即可访问该示例。

要创建文本字段示例应用程序,请执行以下操作:

  1. 在 Flash 中,利用先前在《Flash Lite 2.x 入门》中的"创建 Flash Lite 文档模板(仅限 Flash Professional)"中创建的 Flash Lite 2.0 模板创建一个新文档,然后将其另存为 textfield.fla。
  2. 使用"工具"面板中的"文本"工具,在舞台顶部创建一个单行文本字段。
  3. 在文本字段仍处于选中状态的情况下,在属性检查器的"文本类型"弹出菜单中选择"输入文本",在"字体呈现方法"弹出菜单中选择"使用设备字体",然后在"实例名称"文本框中键入"inputTxt"。
  4. 在第一个文本字段下面创建另一个文本字段,该字段比第一个字段高出几倍,如下图所示:
  5. 在选中第二个文本字段的情况下,在属性检查器的"文本类型"弹出菜单中选择"动态文本",在"行类型"弹出菜单中选择"多行",选择"将文本呈现为 HTML"选项,在"字体呈现方法"弹出菜单中选择"使用设备字体",然后在"实例名称"文本框中键入"messageTxt"。
  6. 在时间轴中,选择图层 1 上的第 1 帧。
  7. 打开"动作"面板("窗口">"动作"),然后输入以下代码:
    Selection.setFocus(inputTxt);
    fscommand2("SetFocusRectColor", 0, 0, 0);
    inputTxt.onChanged = function() {
        messageTxt.htmlText = "You entered: <i>"+ this.text + "</i>";
    }
    

    Selection.setFocus() 方法将初始焦点设置到输入文本字段 (inputTxt)。然后,fscommand2() 函数调用指定一种自定义焦点矩形颜色。最后,输入文本字段的 onChanged 事件处理函数(只要输入文本字段的内容更改时就会调用该函数)会设置用户在 messageTxt 文本字段中输入文本的格式并显示文本。

  8. 保存您所做的更改并在模拟器中启动该应用程序("控制">"测试影片")。
  9. 若要使用该应用程序,请按模拟器上的选择键以打开文本输入对话框,并使用计算机键盘输入一些文本。然后单击"确定"关闭该对话框。您输入的文本将以斜体显示在 messageTxt 文本字段中。