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}%"//显示加载的进度