自定义 TextInput 组件

在创作过程中和在运行时,您都可以在水平方向上改变 TextInput 组件的形状。在创作时,在舞台上选择组件并使用“任意变形”工具或任何“修改”>“变形”命令。在运行时,使用 UIObject.setSize()TextInput 类中任何适用的属性和方法。

在调整 TextInput 组件大小时,边框将相应调整为新边框。TextInput 组件不使用滚动条,但当用户与文本交互操作时插入点会自动滚动。然后在剩余区域中调整文本字段大小,在 TextInput 组件中没有固定大小的元素。如果 TextInput 组件太小而无法显示文本,则该文本将会被裁剪。

对 TextInput 组件使用样式

TextInput 组件在类样式声明中定义了它的 backgroundColorborderStyle 样式属性。类样式覆盖 _global 样式,因此,如果要设置 backgroundColorborderStyle 样式属性,必须在实例上创建一个不同的自定义样式声明。

TextInput 组件支持以下样式:

样式

描述

color

文本的默认颜色。

embedFonts

文档中嵌入的字体。

fontFamily

文本的字体名称。

fontSize

字体的磅值。

fontStyle

字体样式,“常规”或“斜体”。

fontWeight

字体粗细,“常规”或“粗体”。

textAlign

文本对齐方式:“左”、“右”或“居中”。

textDecoration

文本修饰,“无”或“下划线”。

使用具有 TextInput 组件的外观

TextArea 组件使用 RectBorder 类来绘制其边框。您可以使用 setStyle() 方法(请参阅 UIObject.setStyle())来更改下列 RectBorder 样式属性:

RectBorder 样式

borderColor
highlightColor
borderColor
shadowColor
borderCapColor
shadowCapColor
shadowCapColor
borderCapColor

这些样式属性设置边框上的下列位置: