- 浏览: 99374 次
- 性别:
- 来自: 广州
-
最新评论
-
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 943本章是Flex 4 SDK 新特性教程系列 的第4章。本 ... -
在Flash Builder 4中编译Flex 3项目
2010-04-30 11:33 2874在Flash Builder 4里编译Flex3项目,要了解以 ... -
Flex与JSON及XML的互操作
2010-04-29 15:56 1182Flex之于Java,就像美丽之于大脑,或者还有别的说法?谁能 ... -
FLEX地图应用教程之四
2010-04-29 15:48 1448相信看到这篇的朋友,应该用我前三篇的例子玩过这个地 ... -
FLEX地图应用教程之三
2010-04-29 15:47 1390继续昨天的教程,不过这里要更正下,今天的方法会跟昨天有所不同, ... -
FLEX地图应用教程之二
2010-04-29 15:47 1469在上一步 , 我们已经基本学会如何连接API,显示地图 ... -
FLEX地图应用教程之一
2010-04-29 15:46 2130用FLEX做地图,然后在地图上实现各种应用,我想大家都会非常的 ... -
在Flex中使用GoogleMap
2010-04-29 15:33 1294在Flex中使用GoogleMap,可以让自己的网 ... -
12个Flex常用功能代码
2010-04-21 10:59 8361。 复制内容到系统剪贴板 System.setCl ... -
Flex画图板(转)
2010-04-14 15:59 912<?xml version="1.0" ... -
java应用jcom将word转pdf
2010-04-14 11:02 15771. java应用jcom将word转pdf ... -
flex+cairngorm+spring+hibernate整合实例
2010-04-12 11:43 1112准备:SQL server2005: JD ... -
FLEX中嵌入html代码
2010-04-12 11:16 897<?xml version="1.0" ... -
java与flex通信
2010-04-12 11:15 758一、准备: 服务 端:JDK1.5 (这个不用 ... -
Flex获取窗体大小 Flex与JS互相调用
2010-04-12 11:15 1759有时我们需要弹出自定义提示框,并显示在屏幕中心,这是需要根据 ... -
flex 3如何通过iframe嵌入html网页
2010-04-12 11:14 1440网上有很多文章写flex嵌入网页的方法,不过这里介绍一种普遍的 ... -
Flex 获取屏幕的分辨率
2010-04-12 11:13 1509<?xml version="1.0" ... -
flex与数据库交互
2010-04-12 11:12 826一》 通过java与数据库交互读取数据,然后flex和java ... -
如何使用mx:RemoteObject
2010-04-12 11:11 1309第一步:创建flex项目时指明项目使用远程数据调用,并指明远程 ... -
flex开发的仿pdf阅读器(swftools将PDF转成swf)
2010-04-12 11:08 3639SWFTools 是一组用来处理 ...
相关推荐
flexBulider页面加载动态图片的显示
Flex 图片编辑器是一种基于Adobe Flex技术开发的图像处理工具,允许用户在Web环境中进行图片的编辑、调整和修饰。Flex是Adobe推出的一种用于构建富互联网应用(RIA)的开源框架,它基于ActionScript编程语言和MXML...
FLEX图文编辑器是一款基于Adobe Flex技术构建的富文本编辑工具,特别强调了对图文混合编辑的支持。它允许用户在编辑环境中自由组合文本和图像,提供了类似Word的功能,如复制粘贴,使得内容创建更加便捷。这款编辑器...
这是我刚入公司的时候用Flex做的一个Web嵌入型图片编辑器,绝对能用,涉及服务端以及JS交互的代码需要自行补全,服务端交互返回数据均为JSON形式。功能包括,本地图片载入、网络图片载入、线条,圆,方形,椭圆,...
Flex和Flash图片加载条 Flex和Flash图片加载条
在本文中,我们将深入探讨如何在Flex环境中自定义加载条,即进度条组件。Flex是一种基于ActionScript 3.0的开源框架,用于构建富互联网应用程序(RIA)。它提供了丰富的UI组件库,其中包括标准的进度条组件,但有时...
《深入理解Flex 2D地图编辑器源码》 在游戏开发领域,地图编辑器扮演着至关重要的角色,它能够帮助开发者快速构建和修改游戏世界。本资源提供了一个基于Flex技术实现的2D地图编辑器的源代码,这对于学习Flex编程、...
Flex中的菜单项可以触发`click`事件,我们可以通过添加事件监听器来处理用户的菜单选择: ```actionscript menuItem.addEventListener(MouseEvent.CLICK, handleMenuItemClick); function handleMenuItemClick...
【标题】:“flex制作的网游地图编辑器代码” 在游戏开发领域,地图编辑器是用于创建游戏场景的重要工具,尤其对于网络游戏来说,地图编辑器可以让开发者高效地构建虚拟世界。本资源聚焦于使用Adobe Flex技术制作的...
在Flex开发中,自定义右键菜单是一项常见的需求,它能为用户界面提供更丰富的交互体验。Flex是一款基于ActionScript 3.0的开源框架,主要用于构建富互联网应用程序(RIA)。在这里,我们将深入探讨如何在Flex中实现...
本文将详细讲解如何使用Adobe Flex实现一个具有图片上传和预览功能的应用。 首先,Flex是一种开源的开发框架,基于ActionScript 3.0,用于构建富互联网应用程序(RIA)。在Flex中,我们可以利用Flash Player或Adobe...
在RIA(Rich Internet Applications)开发领域,Flex是一个广泛使用的框架,它允许开发者创建富交互性的Web应用程序。XML作为一种轻量级、自描述的数据交换格式,常用于存储和传输数据。本篇文章将深入探讨在Flex中...
"FLEX 图片上传管理器"是一款专为图片管理和上传设计的应用程序,主要针对批量操作、预览以及管理功能进行了优化。这款工具的核心特性体现在以下几个方面: 1. 批量上传:用户可以一次性上传多张图片,极大地提高了...
Flex特效编辑器是一款专为开发基于Adobe Flex技术的游戏而设计的强大工具。它简化了特效的创建过程,使得开发者能够更加高效地构建具有视觉冲击力的游戏体验。Flex是一种开放源码的框架,主要用于构建富互联网应用...
在使用Flex布局进行Web开发时,我们经常遇到加载大图片的问题。大图片由于其体积大,加载时间可能会很长,导致用户界面出现明显的延迟,影响用户体验。"flex加载大图片等待特效"这一主题就是针对这个问题提出的一种...
这个"Flex4.6+java+servlet上传图片例子+图片上传预览"的项目,结合了前端的Flex技术和后端的Java Servlet,为我们提供了一个完整的解决方案。下面将详细解释这个项目的各个组成部分及其工作原理。 首先,让我们来...
在本教程中,我们将深入探讨如何使用Adobe Flex技术开发一个MP3播放器,这涉及到FLEX播放器、Flex SDK以及Adobe Integrated Runtime (AIR)的使用。Flex是一种强大的开放源代码框架,用于构建富互联网应用程序(RIA)...
7. **网络通信**:Flex播放器可能需要与服务器进行交互,如动态加载视频、获取播放列表等。它可以使用HTTP、RTMP(实时消息协议)等协议进行通信。 8. **自适应流媒体**:现代的Flex播放器可能支持自适应流媒体,...
Flex播放器是一种基于Adobe Flex技术开发的多媒体播放解决方案。Adobe Flex是用于构建富互联网应用程序(RIA)的开源框架,它允许开发者使用ActionScript编程语言和MXML标记语言创建交互式的、基于Flash的用户界面。...
可视的flex控件样式编辑器,不用写代码,把样式改成你喜欢的样式,复制代码就可以了