Flex加载图片，菜单条，编辑器，目录树，图片上传，播放器，

1、加载图片或swf文件
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()"> //自动装载init()方法
<mx:Script>
<![CDATA[
function init():void{
   var url:String="D:/My Documents/My Pictures/20.jpg";
   //var url:String="DataGrid_test.swf";
   loader.source=url;
   loader.load();
}
]]>
</mx:Script>
<mx:SWFLoader id="loader" x="100" y="100" autoLoad="false" />   //SWFLoader装载组件
<mx:ProgressBar id="loadBar" source="loader" x="100" y="400" toolTip="加载了:{loadBar.percentComplete}%"/><mx:ProgressBar> //进度条
</mx:Application>

<mx:SWFLoader>加载组件 <mx:ProgressBar>进度条组件
2、菜单条 MenuBar

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12" creationComplete="initApp()">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.MenuEvent;
function initApp():void
{
myMenu.addEventListener(MenuEvent.ITEM_CLICK,menuClickHandler);
}
function menuClickHandler(evt:MenuEvent):void{
   //Alert.show(evt.item.@data);
   var win:window =new window(); //创建窗体的对象
   PopUpManager.addPopUp(win,this,false);   // 弹出创建的组件窗体
 
}
]]>
</mx:Script>
<mx:XMLList id="mXml" xmlns="">
<item label="文件" >
   <node label="创建画板" data="new"/>
   <node label="清除画板" data="clear" enabled="false"/>
   <node type="separator"/>
   <node label="退出系统" data="logout"/>
</item>
<item label="帮助" >
   <node label="帮助" data="help"/>
   <node label="关于我们" data="about"/>
</item>
</mx:XMLList>
<mx:VBox width="100%" height="100%" >
<mx:Canvas width="100%">
   <mx:MenuBar labelField="@label" height="30" id="myMenu" width="100%"   dataProvider="{mXml}">  
   </mx:MenuBar> //labelField="@label绑定文件中的label属性    dataProvider="{mXml}" 绑定的文件
</mx:Canvas>
</mx:VBox>
</mx:Application>

<mx:XMLList> List   <mx:MenuBar>菜单条
3、富客户端文本编辑器
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:RichTextEditor x="200" y="200" width="400" height="300" id="myRich">
</mx:RichTextEditor> // 看起来真的很搞笑，原以为得怎么做呢，原来只需一个组件，一句话搞定编辑器
</mx:Application>

<mx:RichTextEditor>富客户端文本编辑器
4、Tree 目录树
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
   public var selectedNode:XML;
   function treeChanged(evt:Event):void{
    selectedNode=Tree(evt.target).selectedItem as XML;//evt.target 事件的目标 as 强制类型转换
    r_txt.text="选择的文件夹:"+selectedNode.@label;
   }
]]>
</mx:Script>
<mx:XMLList id="files" xmlns="">
<folder label="C:">
   <folder label="我的文档">
    <folder label="Adobe"/>
   </folder>
   <folder label="window">
    <folder label="soft"/>
    <folder label="driver"/>
   </folder>
   <folder label="我的图片">
    <folder label="照片"/>
    <folder label="照片"/>
    <folder label="照片"/>
   </folder>
</folder>
<folder label="D:">
   <folder label="我的文档">
    <folder label="Adobe"/>
   </folder>
   <folder label="window">
    <folder label="soft"/>
    <folder label="driver"/>
   </folder>
   <folder label="我的图片">
    <folder label="照片"/>
    <folder label="照片"/>
    <folder label="照片"/>
   </folder>
</folder>
</mx:XMLList><!--labelField="@label" 显示的组件名-->
<mx:Tree id="myTree" width="120" height="265" labelField="@label" showRoot="true" dataProvider="{files}" change="treeChanged(event)"/>
<mx:TextArea id="r_txt" x="200" y="40" height="200"/>
</mx:Application>

<mx:Tree> 目录树 <mx:XMLList> dataProvider="{files}" 绑定的文件 labelField="@label" 要显示的文件的属性

5、图片上传

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
   private var file:FileReference=new FileReference(); //定义file对象
   //protected
   [Bindable]   //允许绑定 stateText变量的绑定
   private var stateText:String="请选择一个文件上传";
   protected override function createChildren():void{ //重写方法
    super.createChildren();
    file.addEventListener(Event.SELECT,file_select); //添加监听
   }
   function file_select(e:Event){
    stateText=file.name;
   }
   function upload():void{
  
   }
]]>
</mx:Script>
<mx:Panel width="250" height="112" layout="vertical" title="上传示例"
verticalAlign="middle" horizontalAlign="center">
<mx:HBox>
   <mx:TextInput text="{stateText}" width="160" editable="false"/> <!--//不可编辑-->
   <mx:Button label="浏览" click="file.browse();"/>
</mx:HBox>
<mx:HBox>
   <mx:Button label="上传" click="upload();"/>
</mx:HBox>
</mx:Panel>
</mx:Application>


private var file:FileReference=new FileReference(); //定义file对象
[Bindable]   //允许绑定 stateText变量的绑定
private var stateText:String="请选择一个文件上传";
protected override function createChildren():void{ //重写方法 createChildren()内置方法
super.createChildren();
file.addEventListener(Event.SELECT,file_select); //添加监听
}
function file_select(e:Event){
stateText=file.name;
}
<mx:TextInput text="{stateText}" width="160" editable="false"/> <!--//不可编辑-->text="{stateText}" 绑定变量
<mx:Button label="浏览" click="file.browse();"/>    调用file中的browse()方法

6、播放器

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initPlayer()">
<mx:Script>
<![CDATA[
   import mx.events.VideoEvent;
   function initPlayer(){
    myVidio.source="F:/将军过遗迹.flv";
    myVidio.addEventListener(VideoEvent.COMPLETE,completeHandler);
   }
   function completeHandler(evt:VideoEvent):void
   {
    playBtn.label="播放";
   }
   function doPlay():void
   {
    if(!myVidio.playing)
    {
     myVidio.play();
     playBtn.label="停止";
    }else
    {
     myVidio.stop();
     playBtn.label="播放";
    }
   }
   function doPause():void
   {
    if(!myVidio.playing)
    {
     myVidio.play();
     zanting.label="暂停";
    }else
    {
     myVidio.pause();
     zanting.label="播放";
    }
   }
]]>
</mx:Script>
<mx:VideoDisplay id="myVidio" x="291" y="54" width="350" height="250" autoPlay="false"/>
<mx:ProgressBar id="loadBar" source="myVidio" x="356" y="312" toolTip="加载了:{loadBar.percentComplete}%"/>
<mx:Button id="playBtn" label="播放" x="366" y="358" click="doPlay()"/>
<mx:Button id="zanting" label="暂停" x="478" y="358" click="doPause()"/>
</mx:Application>


creationComplete="initPlayer()"//加载文件时调用initPlayer()方法
<mx:VideoDisplay > 播放器组件<mx:ProgressBar > //进度条组件
toolTip="加载了:{loadBar.percentComplete}%"//显示加载的进度