容器学习（一）——Canvas的运用

flex3中的一个常用组件，Canvas是最简单的容器。定义了一个矩形区域。

下面是一个简单的案例：

一：打开flex4,新建flex项目，名称：CanvasTest，

      在src下编写代码：

         <fx:Script>
        <![CDATA[
            import mx.controls.Alert;
            public function showTop(event:Event):void{
                bc.setChildIndex(event.currentTarget as Image,bc.numChildren-1);
               
            }
        ]]>
    </fx:Script>
    <mx:Canvas id="bc" width="400" height="500" x="100" y="50" backgroundColor="haloBlue">
        <mx:Image id="img1" source="001.jpg"  width="200" height="250" x="50" y="50" click="showTop(event)">
        </mx:Image>
        <mx:Image id="img2" source="002.jpg"  width="200" height="250" x="200" y="200" click="showTop(event)">
        </mx:Image>
        <s:Button x="297" y="65" label="按钮" click="showTop(event)"/>
    </mx:Canvas>

二，运行查看效果。

     这里是实现点击图片置于顶端的效果。

三，截图