您可以设置样式属性以更改 Alert 组件的外观。如果样式属性的名称以"Color"结尾,则它是颜色样式属性,并且行为与非颜色样式属性不同。有关更多信息,请参见"使用组件"中的使用样式自定义组件的颜色和文本。
Alert 组件支持下列样式:
样式 | 主题 | 说明 |
---|---|---|
themeColor | 光晕 | 组件的基本配色方案。可能的值包括 |
backgroundColor | 光晕和范例 | 背景色。"光晕"主题的默认颜色为白色,"范例"主题的默认颜色为 0xEFEBEF(浅灰)。 |
borderStyle | 光晕和范例 | Alert 组件使用 RectBorder 实例作为其边框并对在该类上定义的样式做出响应。有关更多信息,请参见RectBorder 类。 Alert 组件具有一个特定于组件的 |
color | 光晕和范例 | 文本颜色。"光晕"主题的默认值为 0x0B333C,"范例"主题的默认值为空白。 |
disabledColor | 光晕和范例 | 组件禁用时的文本颜色。默认值为 0x848384(深灰)。 |
embedFonts | 光晕和范例 | 一个布尔值,它指示在 |
fontFamily | 光晕和范例 | 文本的字体名称。默认值为 |
fontSize | 光晕和范例 | 字体的磅值。默认值为 10。 |
fontStyle | 光晕和范例 | 字体样式: |
fontWeight | 光晕和范例 | 字体粗细: |
textAlign | 光晕和范例 | 文本对齐方式: |
textDecoration | 光晕和范例 | 文本修饰: |
textIndent | 光晕和范例 | 表示文本缩进的数字。默认值为 0。 |
Alert 组件包含三种不同的文本类别。设置 Alert 组件自身的文本属性会为所有这三种类别提供默认值,如下所示:
import mx.controls.Alert; _global.styles.Alert.setStyle("color", 0x000099); Alert.show("This is a test alert", "Title");
Alert 组件提供静态属性(对 CSSStyleDeclaration 实例的引用)用以单独设置一个类别的文本样式。
静态属性 | 影响的文本 |
---|---|
| 按钮 |
| 消息 |
| 标题 |
以下示例演示如何将 Alert 组件的标题设置为斜体:
import mx.controls.Alert; import mx.styles.CSSStyleDeclaration; var titleStyles = new CSSStyleDeclaration(); titleStyles.setStyle("fontWeight", "bold"); titleStyles.setStyle("fontStyle", "italic"); Alert.titleStyleDeclaration = titleStyles; Alert.show("Name is a required field", "Validation Error");
默认的标题样式声明将 fontWeight
设置为 "bold"。覆盖 titleStyleDeclaration
属性时,此默认设置也被覆盖。因此如果需要此设置,必须将 fontWeight
显式设置为 "bold"。
注意 | 在 Alert 组件上设置的文本样式通过样式继承为其组件提供默认的文本样式。有关更多信息,请参见"使用组件"中的设置容器上的继承样式。 |