`
aijun980204
  • 浏览: 99374 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

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

    博客分类:
  • 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}%"//显示加载的进度
分享到:
评论

相关推荐

    flex加载动态图片

    flexBulider页面加载动态图片的显示

    flex 图片编辑器

    Flex 图片编辑器是一种基于Adobe Flex技术开发的图像处理工具,允许用户在Web环境中进行图片的编辑、调整和修饰。Flex是Adobe推出的一种用于构建富互联网应用(RIA)的开源框架,它基于ActionScript编程语言和MXML...

    FLEX 图文编辑器(FLEX HTML编辑器)

    FLEX图文编辑器是一款基于Adobe Flex技术构建的富文本编辑工具,特别强调了对图文混合编辑的支持。它允许用户在编辑环境中自由组合文本和图像,提供了类似Word的功能,如复制粘贴,使得内容创建更加便捷。这款编辑器...

    Flex图片编辑器

    这是我刚入公司的时候用Flex做的一个Web嵌入型图片编辑器,绝对能用,涉及服务端以及JS交互的代码需要自行补全,服务端交互返回数据均为JSON形式。功能包括,本地图片载入、网络图片载入、线条,圆,方形,椭圆,...

    Flex和Flash图片加载条

    Flex和Flash图片加载条 Flex和Flash图片加载条

    Flex自定义加载条(小起)

    在本文中,我们将深入探讨如何在Flex环境中自定义加载条,即进度条组件。Flex是一种基于ActionScript 3.0的开源框架,用于构建富互联网应用程序(RIA)。它提供了丰富的UI组件库,其中包括标准的进度条组件,但有时...

    Flex 作的2D地图编辑器源码

    《深入理解Flex 2D地图编辑器源码》 在游戏开发领域,地图编辑器扮演着至关重要的角色,它能够帮助开发者快速构建和修改游戏世界。本资源提供了一个基于Flex技术实现的2D地图编辑器的源代码,这对于学习Flex编程、...

    flex常用动态菜单

    Flex中的菜单项可以触发`click`事件,我们可以通过添加事件监听器来处理用户的菜单选择: ```actionscript menuItem.addEventListener(MouseEvent.CLICK, handleMenuItemClick); function handleMenuItemClick...

    flex制作的网游地图编辑器代码

    【标题】:“flex制作的网游地图编辑器代码” 在游戏开发领域,地图编辑器是用于创建游戏场景的重要工具,尤其对于网络游戏来说,地图编辑器可以让开发者高效地构建虚拟世界。本资源聚焦于使用Adobe Flex技术制作的...

    Flex自定义右键菜单

    在Flex开发中,自定义右键菜单是一项常见的需求,它能为用户界面提供更丰富的交互体验。Flex是一款基于ActionScript 3.0的开源框架,主要用于构建富互联网应用程序(RIA)。在这里,我们将深入探讨如何在Flex中实现...

    flex图片上传带预览功能

    本文将详细讲解如何使用Adobe Flex实现一个具有图片上传和预览功能的应用。 首先,Flex是一种开源的开发框架,基于ActionScript 3.0,用于构建富互联网应用程序(RIA)。在Flex中,我们可以利用Flash Player或Adobe...

    readxml flex加载xml文件

    在RIA(Rich Internet Applications)开发领域,Flex是一个广泛使用的框架,它允许开发者创建富交互性的Web应用程序。XML作为一种轻量级、自描述的数据交换格式,常用于存储和传输数据。本篇文章将深入探讨在Flex中...

    FLEX 图片上传管理器

    "FLEX 图片上传管理器"是一款专为图片管理和上传设计的应用程序,主要针对批量操作、预览以及管理功能进行了优化。这款工具的核心特性体现在以下几个方面: 1. 批量上传:用户可以一次性上传多张图片,极大地提高了...

    flex特效编辑器 开发flex游戏的利器

    Flex特效编辑器是一款专为开发基于Adobe Flex技术的游戏而设计的强大工具。它简化了特效的创建过程,使得开发者能够更加高效地构建具有视觉冲击力的游戏体验。Flex是一种开放源码的框架,主要用于构建富互联网应用...

    flex加载大图片等待特效

    在使用Flex布局进行Web开发时,我们经常遇到加载大图片的问题。大图片由于其体积大,加载时间可能会很长,导致用户界面出现明显的延迟,影响用户体验。"flex加载大图片等待特效"这一主题就是针对这个问题提出的一种...

    Flex4.6+java+servlet上传图片例子+图片上传预览

    这个"Flex4.6+java+servlet上传图片例子+图片上传预览"的项目,结合了前端的Flex技术和后端的Java Servlet,为我们提供了一个完整的解决方案。下面将详细解释这个项目的各个组成部分及其工作原理。 首先,让我们来...

    FLEX播放器 flex 开发AIR及Flex之mp3播放器教程

    在本教程中,我们将深入探讨如何使用Adobe Flex技术开发一个MP3播放器,这涉及到FLEX播放器、Flex SDK以及Adobe Integrated Runtime (AIR)的使用。Flex是一种强大的开放源代码框架,用于构建富互联网应用程序(RIA)...

    flex播放器

    7. **网络通信**:Flex播放器可能需要与服务器进行交互,如动态加载视频、获取播放列表等。它可以使用HTTP、RTMP(实时消息协议)等协议进行通信。 8. **自适应流媒体**:现代的Flex播放器可能支持自适应流媒体,...

    自己写的flex 播放器

    Flex播放器是一种基于Adobe Flex技术开发的多媒体播放解决方案。Adobe Flex是用于构建富互联网应用程序(RIA)的开源框架,它允许开发者使用ActionScript编程语言和MXML标记语言创建交互式的、基于Flash的用户界面。...

    flex 样式编辑器

    可视的flex控件样式编辑器,不用写代码,把样式改成你喜欢的样式,复制代码就可以了

Global site tag (gtag.js) - Google Analytics