在Flex中使用StyleMaager类和setStyle()方法给Alert组件设置样式

最新推荐文章于 2014-08-30 10:53:57 发布

转载最新推荐文章于 2014-08-30 10:53:57 发布 · 1.6k 阅读

文章标签：

#flex #button #application #function #encoding #import

Flex 专栏收录该内容

188 篇文章

订阅专栏

本文介绍了一个实例，展示了如何使用StyleManager.getStyleDeclaration()方法和setStyle()来为FlexAlert组件设置不同的颜色样式。通过按钮点击事件，可以改变Alert弹窗的主题颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实例演示了怎样利用 StyleManager.getStyleDeclaration() 方法和 setStyle() 给一个 Flex Alert组件设置样式

代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white"
creationComplete="init();">

<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.styles.StyleManager;

private var alert:Alert;
private var alertCSS:CSSStyleDeclaration;

private function init():void {
alertCSS = StyleManager.getStyleDeclaration("Alert");
}

private function showAlert(color:Object):void {
alertCSS.setStyle("modalTransparencyColor", color);
alertCSS.setStyle("themeColor", color);
alert = Alert.show("The quick brown fox...");
}
]]>
</mx:Script>

<mx:ApplicationControlBar dock="true">
<mx:Button label="Red"
themeColor="red"
click="showAlert('red');" />
<mx:Button label="Orange"
themeColor="haloOrange"
click="showAlert('haloOrange');" />
<mx:Button label="Yellow"
themeColor="yellow"
click="showAlert('yellow');" />
<mx:Button label="Green"
themeColor="haloGreen"
click="showAlert('haloGreen');" />
<mx:Button label="Blue"
themeColor="haloBlue"
click="showAlert('haloBlue');" />
</mx:ApplicationControlBar>

</mx:Application>

本文转自：http://www.diybl.com/course/4_webprogram/asp.net/asp_netshl/2008921/144328.html