Adobe Flex初记

公司项目要用Flex，之前没有接触过，菜鸟只好白手起家，把项目拉下来的同时配置下Flex的环境，以下是一篇参考：

http://blog.sina.com.cn/s/blog_4c4a24db0100get7.html

写的还不错。

flex控件写的页面无法进入debug模式：

<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" width="98%"  borderStyle="solid" horizontalGap="2" height="35" verticalAlign="middle">
            <mx:Canvas x="10" y="10"   id="cav" >
                <mx:TextInput text="{stateText}" width="300" editable="false" x="15" y="3"/> 
                <mx:Button label="浏览" click="browseFile()" doubleClick="false" x="323" y="0" height="24" /> 
                <mx:VRule height="20"/>     
                <mx:Button label="导入" id="btnDaoru" styleName="btnExport"     doubleClick="false" click="savePlcbk()" x="391" y="1" enabled="false" height="24" />
                <mx:Spacer width="100%"/>    
                <mx:Button label="关闭" styleName="btnClose" id="btnExit" height="24" fontWeight="bold" click="btnCloseHandler()" x="800"/>
            </mx:Canvas>
        </mx:HBox>

修改为：

<titledBorderBox:TitledBorderBox title="导入信息"  x="10" y="10" height="70" width="100%" id="tbbcxtj" layout="absolute">
        <mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml" width="98%"  borderStyle="solid" horizontalGap="2" height="35" verticalAlign="middle">
            <mx:Canvas x="10" y="10"   id="cav" >
                <mx:TextInput text="{stateText}" width="300" editable="false" x="15" y="3"/> 
                <mx:Button label="浏览" click="browseFile()" doubleClick="false" x="323" y="0" height="24" /> 
                <mx:VRule height="20"/>     
                <mx:Button label="导入" id="btnDaoru" styleName="btnExport"     doubleClick="false" click="savePlcbk()" x="391" y="1" enabled="false" height="24" />
                <mx:Spacer width="100%"/>    
                <mx:Button label="关闭" styleName="btnClose" id="btnExit" height="24" fontWeight="bold" click="btnCloseHandler()" x="800"/>
            </mx:Canvas>
        </mx:HBox>      
    </titledBorderBox:TitledBorderBox>