<?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>