<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" verticalAlign="middle"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" viewSourceURL="srcview/index.html">
    <!--今天打开tourdeflex,发现又更新了,看了作者很重视哦-->
    <mx:Canvas backgroundColor="0xffffff" width="580" height="180" backgroundAlpha="1"
        borderThickness="6" borderColor="0x545454" cornerRadius="4" borderStyle="solid" >
 
        <mx:Label x="10" text="The Canvas container lets you place components on top of each other."/>
 
        <mx:Panel title="Panel 1" color="0xffffff" x="10" y="20"  width="240" height="100"
            borderColor="0xEE1122" borderAlpha="0.75"></mx:Panel><!--这个例子里面就这个borderAlpha属性最重要,因为是用来设置容器的不透明度用的-->
 
        <mx:Panel title="Panel 2" color="0xffffff" x="50" y="40"  width="240" height="100"
            borderColor="0x22A050" borderAlpha="0.75"></mx:Panel><!--使用绝对定位的方法去显示panel的位置,相对于canvas的定位-->
 
        <mx:Panel title="Panel 3" color="0xffffff" x="100" y="60"  width="240" height="100"
            borderColor="0x3380DD" borderAlpha="0.75"></mx:Panel>
 
        <mx:Text x="360" y="40" width="200" fontWeight="bold" color="0x0050AA" textAlign="center"
            text="Use absolute positioning to place the children of a Canvas container." />
 
        <mx:Button x="416" y="86" label="Absolutly!" />
 
    </mx:Canvas>
</mx:Application>