自定义 TextArea 组件

在创作过程中和运行时,可以在水平和垂直方向上将 TextArea 组件变形。在创作时,在舞台上选择组件并使用“任意变形”工具或任何“修改”>“变形”命令。在运行时,可使用 setSize() 方法或任何适用的属性,如 TextArea 类的 height width scaleX scaleY

调整了 TextArea 组件的大小后,边框大小就会调整到新的边框。如果需要滚动条,它们会被放置在下边缘和右边缘。然后,文本区域的大小会在其余区域内调整;TextArea 组件中没有大小固定的元素。如果 TextArea 组件的宽度太窄而无法显示文本的大小,将对文本进行裁剪。

样式和 TextArea 组件

TextArea 组件的样式指定在绘制该组件时该组件的外观、填充和文本格式的值。 texFormat disabledTextFormat 样式控制 TextArea 显示的文本的样式。有关外观样式属性的详细信息,请参阅 对 TextArea 组件使用外观

以下示例设置 disabledTextFormat 样式以更改 TextArea 禁用时文本的外观,而这一过程也可用于为处于启用状态的 TextArea 设置 textFormat 样式。

  1. 创建一个新的 Flash 文件。

  2. 将 TextArea 组件拖到舞台上,然后为其指定实例名称 myTa

  3. 将以下代码添加到主时间轴第 1 帧的“动作”面板上。

    var tf:TextFormat = new TextFormat(); 
    tf.color = 0xCC99FF; 
    tf.font = "Arial Narrow"; 
    tf.size = 24; 
    myTa.setStyle("disabledTextFormat", tf); 
    myTa.text = "Hello World"; 
    myTa.setSize(120, 50); 
    myTa.move(200, 50); 
    myTa.enabled = false;
  4. 选择“控制”>“测试影片”。

对 TextArea 组件使用外观

TextArea 组件使用以下外观,您可以编辑这些外观来改变组件的外观。

TextArea 外观
注: 如果更改一个组件的 ScrollBar 外观,将会更改使用 ScrollBar 的所有其他组件的 ScrollBar 外观。

以下过程更改焦点矩形外观(在 TextArea 具有焦点时显示)和 Normal 外观的边框颜色。

  1. 创建一个新的 Flash 文件。

  2. 将一个 TextArea 组件拖到舞台上,并双击该组件以打开其外观图标面板。

  3. 双击“焦点矩形外观”。

  4. 单击焦点矩形外观的边框将其选中。选中后,其当前颜色将显示在“属性”检查器的“填充颜色选择器”中。

  5. 单击“属性”检查器的“填充颜色选择器”将其打开,并选择颜色 #CC0000 以将其应用于边框。

  6. 单击舞台上方编辑栏左侧的“返回”按钮,返回到文档编辑模式。

  7. 双击 TextArea 组件以打开其外观图标面板。

  8. 双击 Normal 外观。

  9. 选择 Normal 外观边框的每个边缘(一次选择一个),并将其颜色设置为 #990099。

  10. 单击舞台上方编辑栏左侧的“返回”按钮,返回到文档编辑模式。

  11. 选择“控制”>“测试影片”。

    当您选中 TextArea 并输入文本时,其边框应按下图所示:

    具有自定义边框的 TextArea

    外侧边框为焦点矩形外观,内侧边框为 Normal 外观的边框。

    有关编辑 UIScrollBar 外观的信息,请参阅 自定义 UIScrollBar 组件