<mx:Canvel xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="578" height="352"
title="Alert Control Example">
<mx:Script>
<![CDATA[
import mx.events.CloseEvent;
import mx.controls.Alert;
/**
* Alert.show(message[, title[, flags[, parent[, clickHandler[, icon[, defaultButton]]]]]])
*
* message 要显示的消息。
* title: Alert 标题栏中的文本。此参数可选;如果省略此参数,则标题栏为空。
* flags: 可选参数,指示要显示在 Alert 窗口中的按钮。默认值为 Alert.OK,它将显示"确定"按钮。
* 在使用多个值时,请用 | 字符分隔各个值。
* 使用以下值中的一个或多个:Alert.OK、Alert.CANCEL、Alert.YES、Alert.NO。
* 您还可以使用 Alert.NONMODAL 指明 Alert 窗口为非模式窗口。非模式窗口允许用户与应用程序中的其它窗口交互。
*
* parent: Alert 组件的父窗口。Alert 窗口会将自己置于父窗口的中心。
* 使用值 null 或 undefined 来指定 _root 时间轴。
* 父窗口必须是 UIComponent 类的子类,并且是作为 UIComponent 的子类的另一个 Flash 组件,
* 或者是作为 UIComponent 的子类的自定义窗口
*
* clickHandler: 单击按钮时广播的 click 事件的处理函数。
* 除了标准的 click 事件对象属性外,还有另一个 detail 属性,
* 该属性包含所单击按钮的标志值(Alert.OK、Alert.CANCEL、Alert.YES、Alert.NO)。
* 此处理函数可以是函数或对象。
*
* icon: 表示要用作图标(显示在警告文本的左边)的库元件的链接标识符的字符串。此参数是可选的。
*
*defaultButton: 弹出时默认选中按钮
* 此参数可以是以下值之一:Alert.OK、Alert.CANCEL、Alert.YES、Alert.NO。
*
* 再高级的应用请自定义,采用继承
*/
private function clickSecond():void{
Alert.buttonWidth = 100;
//这样设置了标签会替换掉默认的文本
Alert.yesLabel="You"
Alert.noLabel="Default onfouce Me";
Alert.show("Are you Sure?","Note",3,this,handler,null,Alert.NO);
}
private function handler(evt:CloseEvent):void{
if(evt.detail==Alert.YES)
txtArea.text="Yes";
else
txtArea.text="No";
}
private function clickThrid():void{
Alert.buttonWidth = 100;
Alert.yesLabel = "YesLable";
Alert.noLabel = "NoLable";
Alert.cancelLabel = "CancelLable";
Alert.okLabel="okLable";
Alert.show("Select a color:","Color Selection",1|2|4|8,this,alertHandler,null);
}
private function alertHandler(event:CloseEvent):void{
switch(event.detail){
case Alert.YES:txtArea.text="Alert.YES-->detail:"+event.detail.toString();break;
case Alert.NO:txtArea.text="Alert.NO-->detail:"+event.detail.toString();break;
case Alert.CANCEL:txtArea.text="Alert.CANCEL-->detail:"+event.detail.toString();break;
case Alert.OK:txtArea.text="Alert.OK-->detail:"+event.detail.toString();break;
default:
txtArea.text="null";
}
}
//Embed 嵌入一张图片的路径
[Embed(source="VisualComponents/icons/BROWSERHINT.png")]
private var iconClass:Class;
private function clickFourth(event:Event):void{
Alert.show("Have a Icom","icon",1,this,null,iconClass,1);
}
]]>
</mx:Script>
<mx:Button x="77" y="30" label="Hello"
click="Alert.show('Hello,NONMODAL','Message',Alert.NONMODAL|2);"/>
<mx:Button x="77" y="94" label="Yes Or No"
click="clickSecond()"/>
<mx:Button x="77" y="148" label="Have Four Button Alert"
click="clickThrid()"/>
<mx:Button x="77" y="207" label="Have a Icon Alert"
click="clickFourth(event)" width="187"/>
<mx:TextArea id="txtArea" x="328" y="118" height="84"/>
</mx:Canvel >
2,alert样式:(放入CSS文件里面)
Alert
{
roundedBottomCorners: false;
borderColor: #6C6D58;
borderThicknessLeft: 1;
borderThicknessTop: 1;
borderThicknessRight: 1;
borderThicknessBottom: 1;
backgroundColor: #28C785;
titleStyleName: alertTitle;
font-size:12;
controlBarStyleName: alertControlBar;
buttonStyleName:alertBtn;
}
.alertTitle
{
color: #9D2828;
}
.alertBtn
{
height:35;
upSkin: Embed(skinClass="ButtonUp");
overSkin: Embed(skinClass="ButtonOver");
downSkin: Embed(skinClass="ButtonDown");
disabledSkin: Embed(skinClass="ButtonDis");
selectedUpSkin: Embed(skinClass="ButtonOver");
selectedOverSkin: Embed(skinClass="ButtonOver");
selectedDownSkin: Embed(skinClass="ButtonDown");
selectedDisabledSkin: Embed(skinClass="ButtonDis");
textRollOverColor: #38FF94;
textSelectedColor: #38FF94;
color: #14FF83;
}
.alertControlBar
{
}
title="Alert Control Example">
<mx:Script>
<![CDATA[
import mx.events.CloseEvent;
import mx.controls.Alert;
/**
* Alert.show(message[, title[, flags[, parent[, clickHandler[, icon[, defaultButton]]]]]])
*
* message 要显示的消息。
* title: Alert 标题栏中的文本。此参数可选;如果省略此参数,则标题栏为空。
* flags: 可选参数,指示要显示在 Alert 窗口中的按钮。默认值为 Alert.OK,它将显示"确定"按钮。
* 在使用多个值时,请用 | 字符分隔各个值。
* 使用以下值中的一个或多个:Alert.OK、Alert.CANCEL、Alert.YES、Alert.NO。
* 您还可以使用 Alert.NONMODAL 指明 Alert 窗口为非模式窗口。非模式窗口允许用户与应用程序中的其它窗口交互。
*
* parent: Alert 组件的父窗口。Alert 窗口会将自己置于父窗口的中心。
* 使用值 null 或 undefined 来指定 _root 时间轴。
* 父窗口必须是 UIComponent 类的子类,并且是作为 UIComponent 的子类的另一个 Flash 组件,
* 或者是作为 UIComponent 的子类的自定义窗口
*
* clickHandler: 单击按钮时广播的 click 事件的处理函数。
* 除了标准的 click 事件对象属性外,还有另一个 detail 属性,
* 该属性包含所单击按钮的标志值(Alert.OK、Alert.CANCEL、Alert.YES、Alert.NO)。
* 此处理函数可以是函数或对象。
*
* icon: 表示要用作图标(显示在警告文本的左边)的库元件的链接标识符的字符串。此参数是可选的。
*
*defaultButton: 弹出时默认选中按钮
* 此参数可以是以下值之一:Alert.OK、Alert.CANCEL、Alert.YES、Alert.NO。
*
* 再高级的应用请自定义,采用继承
*/
private function clickSecond():void{
Alert.buttonWidth = 100;
//这样设置了标签会替换掉默认的文本
Alert.yesLabel="You"
Alert.noLabel="Default onfouce Me";
Alert.show("Are you Sure?","Note",3,this,handler,null,Alert.NO);
}
private function handler(evt:CloseEvent):void{
if(evt.detail==Alert.YES)
txtArea.text="Yes";
else
txtArea.text="No";
}
private function clickThrid():void{
Alert.buttonWidth = 100;
Alert.yesLabel = "YesLable";
Alert.noLabel = "NoLable";
Alert.cancelLabel = "CancelLable";
Alert.okLabel="okLable";
Alert.show("Select a color:","Color Selection",1|2|4|8,this,alertHandler,null);
}
private function alertHandler(event:CloseEvent):void{
switch(event.detail){
case Alert.YES:txtArea.text="Alert.YES-->detail:"+event.detail.toString();break;
case Alert.NO:txtArea.text="Alert.NO-->detail:"+event.detail.toString();break;
case Alert.CANCEL:txtArea.text="Alert.CANCEL-->detail:"+event.detail.toString();break;
case Alert.OK:txtArea.text="Alert.OK-->detail:"+event.detail.toString();break;
default:
txtArea.text="null";
}
}
//Embed 嵌入一张图片的路径
[Embed(source="VisualComponents/icons/BROWSERHINT.png")]
private var iconClass:Class;
private function clickFourth(event:Event):void{
Alert.show("Have a Icom","icon",1,this,null,iconClass,1);
}
]]>
</mx:Script>
<mx:Button x="77" y="30" label="Hello"
click="Alert.show('Hello,NONMODAL','Message',Alert.NONMODAL|2);"/>
<mx:Button x="77" y="94" label="Yes Or No"
click="clickSecond()"/>
<mx:Button x="77" y="148" label="Have Four Button Alert"
click="clickThrid()"/>
<mx:Button x="77" y="207" label="Have a Icon Alert"
click="clickFourth(event)" width="187"/>
<mx:TextArea id="txtArea" x="328" y="118" height="84"/>
</mx:Canvel >
2,alert样式:(放入CSS文件里面)
Alert
{
roundedBottomCorners: false;
borderColor: #6C6D58;
borderThicknessLeft: 1;
borderThicknessTop: 1;
borderThicknessRight: 1;
borderThicknessBottom: 1;
backgroundColor: #28C785;
titleStyleName: alertTitle;
font-size:12;
controlBarStyleName: alertControlBar;
buttonStyleName:alertBtn;
}
.alertTitle
{
color: #9D2828;
}
.alertBtn
{
height:35;
upSkin: Embed(skinClass="ButtonUp");
overSkin: Embed(skinClass="ButtonOver");
downSkin: Embed(skinClass="ButtonDown");
disabledSkin: Embed(skinClass="ButtonDis");
selectedUpSkin: Embed(skinClass="ButtonOver");
selectedOverSkin: Embed(skinClass="ButtonOver");
selectedDownSkin: Embed(skinClass="ButtonDown");
selectedDisabledSkin: Embed(skinClass="ButtonDis");
textRollOverColor: #38FF94;
textSelectedColor: #38FF94;
color: #14FF83;
}
.alertControlBar
{
}