Flex中如何通过statusStyleName样式和status属性自定义显示Alert状态栏的例子

By Minidxer | January 28, 2009

接下来的例子演示了Flex中如何通过statusStyleName样式和status属性，自定义显示Alert状态栏。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：

下面是完整代码(或点击这里察看)：

<?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:Style>
@font-face {
src: local("Comic Sans MS");
fontFamily: myComicSansMS;
fontWeight: normal;
}
Alert {
statusStyleName: myCustomStatusStyleName;
}
.myCustomStatusStyleName {
color: red;
fontFamily: myComicSansMS;
fontSize: 10;
fontWeight: normal;
}
</mx:Style>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
private var alert:Alert;
private function init():void {
var myMessage:String = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit.\nDonec tincidunt sollicitudin sem.";
var myTitle:String = "The quick brown fox jumped over the lazy dog";
alert = Alert.show(myMessage, myTitle);
alert.status = "status message";
}
]]>
</mx:Script>
<mx:ApplicationControlBar dock="true">
<mx:Button label="Launch alert" click="init();" />
</mx:ApplicationControlBar>
</mx:Application>

代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Alert | No Comments » | 1,598 views Tags: Alert, Status, statusStyleName

中文Flex例子