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

http://blog.desizen.com/4lone/549.html

 

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