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>