flex_监听状态事件(视图状态);

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               minWidth="1024" minHeight="768" pageTitle="TheStudioOfCenyebao"
               currentStateChanging="log('=>change befor_' + currentState)"
               currentStateChange="log('=>change after_' + currentState + '\n')">
    
    <!-- Demo_ 监听状态事件(视图状态) -->
    <!-- 说明：作为视图状态的结尾部分，让我们对状态事件进行简单处理 -->
    
    <fx:Script>
        <![CDATA[
            
            /**
             * 日志输出；
             */
            protected function log(text:String):void{
                logElement.text += text + "\n";
            }
        ]]>
    </fx:Script>
    
    <s:states>
        <s:State name="orange" enterState="log('=>orange enter.')" exitState="log('=>orange exit.')"/>
        <s:State name="black" enterState="log('=>black enter')" exitState="log('=>black exit.')"/>
    </s:states>
    
    <!--view-->
    <s:VGroup width="250" height="230" verticalCenter="0" horizontalCenter="0">
        <s:Button label.orange="Black" label.black="Orange" click.orange="currentState='black'"
                  click.black="currentState='orange'" width="100%"/>
        <s:Rect width="100%" height="80">
            <s:fill>
                <s:SolidColor color.black="#000000" color.orange="#de7800"/>
            </s:fill>
        </s:Rect>
        <s:TextArea id="logElement" width="100%" height="100%"/>
    </s:VGroup>
</s:Application>