对[Bindable]的理解

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
3.     <mx:Script>
4.         <![CDATA[
5.             [Bindable]
6.             private var scale:Number = 1;
7.             internal function doResize(n:Number):Number{
8.                 trace(scale);
9.                 zoom.zoomWidthTo = n;
10.                 zoom.play();
11.                 return box.scaleX;
12.             }
13.         ]]>
14.     </mx:Script>
15.     <mx:Zoom id="zoom" originX="0" originY="0" target="{box}" />
16.     <mx:HSlider id="slider" x="120" y="301" change="{scale =slider.value}" minimum="0" maximum="1"/>
17.     <mx:Canvas id="box" styleName="box" x="100" y="56" scaleX="{doResize(scale)}" width="200"
18.          height="200" backgroundColor="#3FCA69" borderStyle="outset" themeColor="#13496B">
19.     </mx:Canvas>
20. </mx:Application>

这里绑定了一个变量scale,其实绑定就相当于写了一个事件，当数据改变时就派发数据源所在的事件类型。

 

所以单HSlider改变scale就改变了，scale一改变因为绑定了，所以Canvas的函数也触发了，函数返回的数值，改变Canvas的大小