Flex中如何通过buttonStyleName样式自定义Alert显示的按钮风格的例子

By Minidxer | January 25, 2009

接下来的例子演示了Flex中如何通过buttonStyleName样式,自定义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 {
buttonStyleName: myCustomButtonStyleName;
}
.myCustomButtonStyleName {
color: red;
cornerRadius: 12;
fontFamily: myComicSansMS;
fontSize: 10;
fontWeight: normal;
textDecoration: underline;
themeColor: red;
}
</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);
}
]]>
</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,417 views Tags: Alert, buttonStyleName

中文Flex例子