- 浏览: 95993 次
- 性别:
- 来自: 广州
最新评论
-
norain1988:
收藏~正在做这样的转换,但是楼主,我遇到一个问题,我以前的项目 ...
在Flash Builder 4中编译Flex 3项目 -
lctexe:
...
在Flash Builder 4中编译Flex 3项目 -
pc_kai:
...
FLEX地图应用教程之四 -
liaoshaoyao:
在FLex4下地图不能拖动呀, 请问楼主有遇到过这个问题没有呀 ...
FLEX地图应用教程之一 -
whao189:
楼主啊。 你那个点击下载 。。。里面是木马啊。。。,,,,,, ...
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}%"//显示加载的进度
<?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}%"//显示加载的进度
发表评论
-
Flex 4 SDK 新特性教程系列
2010-06-01 16:13 878本章是Flex 4 SDK 新特性教程系列 的第4章。本 ... -
在Flash Builder 4中编译Flex 3项目
2010-04-30 11:33 2806在Flash Builder 4里编译Flex3项目,要了解以 ... -
Flex与JSON及XML的互操作
2010-04-29 15:56 1124Flex之于Java,就像美丽之于大脑,或者还有别的说法?谁能 ... -
FLEX地图应用教程之四
2010-04-29 15:48 1394相信看到这篇的朋友,应该用我前三篇的例子玩过这个地 ... -
FLEX地图应用教程之三
2010-04-29 15:47 1353继续昨天的教程,不过这里要更正下,今天的方法会跟昨天有所不同, ... -
FLEX地图应用教程之二
2010-04-29 15:47 1415在上一步 , 我们已经基本学会如何连接API,显示地图 ... -
FLEX地图应用教程之一
2010-04-29 15:46 2077用FLEX做地图,然后在地图上实现各种应用,我想大家都会非常的 ... -
在Flex中使用GoogleMap
2010-04-29 15:33 1248在Flex中使用GoogleMap,可以让自己的网 ... -
12个Flex常用功能代码
2010-04-21 10:59 7981。 复制内容到系统剪贴板 System.setCl ... -
Flex画图板(转)
2010-04-14 15:59 883<?xml version="1.0" ... -
java应用jcom将word转pdf
2010-04-14 11:02 15311. java应用jcom将word转pdf ... -
flex+cairngorm+spring+hibernate整合实例
2010-04-12 11:43 1069准备:SQL server2005: JD ... -
FLEX中嵌入html代码
2010-04-12 11:16 852<?xml version="1.0" ... -
java与flex通信
2010-04-12 11:15 731一、准备: 服务 端:JDK1.5 (这个不用 ... -
Flex获取窗体大小 Flex与JS互相调用
2010-04-12 11:15 1710有时我们需要弹出自定义提示框,并显示在屏幕中心,这是需要根据 ... -
flex 3如何通过iframe嵌入html网页
2010-04-12 11:14 1409网上有很多文章写flex嵌入网页的方法,不过这里介绍一种普遍的 ... -
Flex 获取屏幕的分辨率
2010-04-12 11:13 1452<?xml version="1.0" ... -
flex与数据库交互
2010-04-12 11:12 778一》 通过java与数据库交互读取数据,然后flex和java ... -
如何使用mx:RemoteObject
2010-04-12 11:11 1276第一步:创建flex项目时指明项目使用远程数据调用,并指明远程 ... -
flex开发的仿pdf阅读器(swftools将PDF转成swf)
2010-04-12 11:08 3568SWFTools 是一组用来处理 ...
相关推荐
flexBulider页面加载动态图片的显示
最近做flex图片编辑器,网上找的例子,打包上传
这是我刚入公司的时候用Flex做的一个Web嵌入型图片编辑器,绝对能用,涉及服务端以及JS交互的代码需要自行补全,服务端交互返回数据均为JSON形式。功能包括,本地图片载入、网络图片载入、线条,圆,方形,椭圆,...
Flex和Flash图片加载条 Flex和Flash图片加载条
FLEX播放器 flex 开发AIR及Flex之mp3播放器教程 FLEX播放器 flex 开发AIR及Flex之mp3播放器教程
Flex自定义右键菜单
flex游戏地图编辑器实现源码。 Flex 作的2D地图编辑器源码。
flex制作的网游地图编辑器代码flex制作的网游地图编辑器代码flex制作的网游地图编辑器代码flex制作的网游地图编辑器代码
Flex自定义加载条的一个小示例。里面有readMe文本
可视的flex控件样式编辑器,不用写代码,把样式改成你喜欢的样式,复制代码就可以了
功能还不错的FLEX图文混合编辑器,支持WORD复制粘贴! 后台上传为PHP,要使用ASP,ASP.NET,或者JAVA稍微改下就可以用
利用flex开发web时,需要加载html,附件中时采用flex3做的示例。
flex读取xml文件的数据的三种方式及其比较
flex 设计 简单的图片编辑器。实现图片的显示,放大,缩小,旋转,以及复位
Flex相册 Flex图片
flex特效编辑器 轻松编辑特效 带有演示和包 源代码等 很方便 开发flex游戏的利器!!
Flex 图片上传 实例 源码Flex图片上传实例
Flex加载动态图片(GIF),FLex本神不支持动态图片的加载,两种方式解决: 1,转成swf 2,yong GIfPalyer
flex常用的几种动态菜单
flex 图片查看器 flex图片 zoomin zoomout 图片查看器