自定义 TextArea 组件

样式和 TextArea 组件
对 TextArea 组件使用外观

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

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

样式和 TextArea 组件

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

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

创建一个新的 Flash 文件。
将 TextArea 组件拖到舞台上，然后为其指定实例名称 myTa 。

将以下代码添加到主时间轴第 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;

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

对 TextArea 组件使用外观

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

TextArea 外观

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

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

创建一个新的 Flash 文件。
将一个 TextArea 组件拖到舞台上，并双击该组件以打开其外观图标面板。
双击“焦点矩形外观”。
单击焦点矩形外观的边框将其选中。选中后，其当前颜色将显示在“属性”检查器的“填充颜色选择器”中。
单击“属性”检查器的“填充颜色选择器”将其打开，并选择颜色 #CC0000 以将其应用于边框。
单击舞台上方编辑栏左侧的“返回”按钮，返回到文档编辑模式。
双击 TextArea 组件以打开其外观图标面板。
双击 Normal 外观。
选择 Normal 外观边框的每个边缘（一次选择一个），并将其颜色设置为 #990099。
单击舞台上方编辑栏左侧的“返回”按钮，返回到文档编辑模式。
选择“控制”>“测试影片”。

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

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

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