文本字段示例应用程序(仅限于 Flash Professional)

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

在位于硬盘上 Flash Professional 8 安装文件夹中的 Samples and Tutorials/Samples/Flash Lite 2.0/ 文件夹中,可以找到此示例的完整范例应用程序 textfield_example.fla。

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

  1. 在 Flash 中,使用先前创建的 Flash Lite 2.0 通用模板创建一个新文档(请参见"Flash Lite 2.x 入门"中的创建 Flash Lite 文档模板(仅限 Flash Professional)),并将其另存为 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 文本字段中。