FLEX例子之弹出提示窗口(Alert)

<?xml version="1.0"
encoding="utf-8"
?>

<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="top"

horizontalAlign="center"
backgroundGradientColors="[0x000000,0x323232]"
paddingTop="0"
viewSourceURL="srcview/index.html"
>

<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.CloseEvent;

// Event handler function uses a static method to show

// a pop-up window with the title, message, and requested buttons.

private function clickHandler(event:Event):void {
Alert.yesLabel = "Yes";
Alert.noLabel = "No";

Alert.show("Do you want to save your changes?", "Save Changes", 3, this, alertClickHandler);

}

// Event handler function for displaying the selected Alert button.

private function alertClickHandler(event:CloseEvent):void {
if (event.detail==Alert.YES)
status.text="You answered Yes";
else
status.text="You answered No";
}

// Event handler function changes the default Button labels and sets the

// Button widths. If you later use an Alert with the default Buttons,

// you must reset these values.
private function secondClickHandler(event:Event):void {

Alert.buttonWidth = 100;//多于两个按钮时,需要设置宽度
Alert.yesLabel = "Cool";
Alert.noLabel = "Lame";
Alert.cancelLabel = "Never Mind";

Alert.show("Do you want to save your changes?","Save Changes",1|2|8,this,alertClickHandler);

}
]]>

</mx:Script>

<!--使用了css-->
<mx:Style>

.alertTitle{
color:#ffffff;
fontWeight:bold;
}

Alert{
backgroundColor:#E3E3E3;

/* backgroundAlpha: 0.8; */

color: #323232;
borderColor: #000000;
borderAlpha: 0.7;
headerHeight:20;
themeColor: #848484;
titleStyleName:alertTitle;

}

</mx:Style>

<mx:Panel
title="Alert Control"
layout="horizontal"
color="0xffffff"
borderAlpha="0.15"
width="500"

paddingTop="2"
paddingRight="10"
paddingBottom="10"
paddingLeft="10"
horizontalAlign="center"
>
<mx:VBox
width="33%"
borderColor="0xACACAC"
borderStyle="solid"
borderThickness="1"
horizontalAlign="center"
height="100%"
>

<mx:Text
width="100%"
color="0x323232"
textAlign="center"

text="Click the button below to display a simple Alert window."/>

<mx:Button
label="Click Me"
color="0x323232"
click="Alert.show('Hello World!', 'Message');"
/>
<!--只显示一个ok按钮-->

</mx:VBox>

<mx:VBox
width="33%"
borderColor="0xACACAC"
borderStyle="solid"
borderThickness="1"
horizontalAlign="center"
height="100%"
>

<mx:Text
width="100%"
color="0x323232"
textAlign="center"

text="Click the button below to display an Alert window and capture the button pressed by the user."
/>

<mx:Button
label="Click Me"
color="0x323232"
click="clickHandler(event);"/>

<mx:Label
id="status"
color="0x0050AA"
fontWeight="bold"/>

</mx:VBox>

<mx:VBox
width="33%"
borderColor="0xACACAC"
borderStyle="solid"
borderThickness="1"
horizontalAlign="center"
height="100%"
>

<mx:Text
width="100%"
color="0x323232"
textAlign="center"

text="Click the button below to display an Alert window that uses custom Button labels."
/>

<mx:Button
label="Click Me"
color="0x323232"
click="secondClickHandler(event);"/>

</mx:VBox>
</mx:Panel>
</mx:Application>