通过状态更改检测何时显示或隐藏Spark组件
|
我有一个Spark组件，可以在可见时（通过计时器）运行一些动画。
该组件应该：
隐藏计时器时暂停计时器
当计时器再次显示时，恢复计时器。
。
<!-- RandomButton.mxml-->
<?xml version=\"1.0\"?>
<s:Button xmlns:fx=\"http://ns.adobe.com/mxml/2009\"
xmlns:s=\"library://ns.adobe.com/flex/spark\"
creationComplete=\"start()\">
<fx:Script><![CDATA[
public var ticker:Timer = new Timer(1000, 0)
private function start():void {
ticker.addEventListener(TimerEvent.TIMER, function(e:TimerEvent):void {
label = \'\' + Math.random()
})
}
]]></fx:Script>
</s:Button>
<!-- Main.mxml -->
<?xml version=\"1.0\" ?>
<s:Application
xmlns:fx=\"http://ns.adobe.com/mxml/2009\"
xmlns:s=\"library://ns.adobe.com/flex/spark\"
xmlns=\"*\">
<s:layout>
<s:VerticalLayout/>
</s:layout>
<s:states>
<s:State name=\"STATE_1\"
enterState=\"b.ticker.start()\"
exitState=\"b.ticker.stop()\"/>
<s:State name=\"STATE_2\"/>
</s:states>
<s:Button label=\"STATE_1\" click=\"currentState=\'STATE_1\'\"/>
<s:Button label=\"STATE_2\" click=\"currentState=\'STATE_2\'\"/>
<RandomButton id=\"b\" includeIn=\"STATE_1\"/>
<s:Label text=\"Debug: {b.label}\"/>
</s:Application>
<!-- Main.mxml -->
...
<s:states>
<s:State name=\"STATE_1\"/><!-- no need to poke inside the RandomButton -->
<s:State name=\"STATE_2\"/>
</s:states>
...
<!-- RandomButton.mxml -->
<?xml version=\"1.0\"?>
<s:Button xmlns:fx=\"http://ns.adobe.com/mxml/2009\"
xmlns:s=\"library://ns.adobe.com/flex/spark\"
creationComplete=\"start()\"
whenShown=\"ticker.start()\"
whenHidden=\"ticker.stop()\" >
...
</s:Button>
没有找到相关结果
已邀请:
1 个回复
剑哎
<!-- RandomButton.mxml --> <?xml version=\"1.0\"?> <s:Button xmlns:fx=\"http://ns.adobe.com/mxml/2009\" xmlns:s=\"library://ns.adobe.com/flex/spark\" addedToStage=\"ticker.start()\" removedFromStage=\"ticker.stop()\" ... </s:Button>