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

自定义Flex的loading画面

    博客分类:
  • Flex
阅读更多

 点此演示

时间关系,我只简单的画了一下, 这里是fla ,其实你想怎么画都可以

主要代码:

自定义的Preloader:

package
{
  import flash.display.MovieClip;
  import flash.display.Sprite;
  import flash.events.Event;
  import flash.events.ProgressEvent;
  
  import mx.events.FlexEvent;
  import mx.preloaders.IPreloaderDisplay;
  import mx.preloaders.Preloader;
  public class nPreloader extends Sprite implements IPreloaderDisplay
  {
  [Embed(source="mc.swf", symbol="loader_mc")]
 private var LoaderMC:Class;
 private var _loader_mc:MovieClip
 
 private var _preloader:Preloader;
 
    public function nPreloader()
    {
      super();
      this._loader_mc = new LoaderMC()
      this.addChild(this._loader_mc);
     this._loader_mc.gotoAndStop(50)
    
    }
    
    public function get backgroundAlpha():Number
    {
      return 0;
    }
    
    public function set backgroundAlpha(value:Number):void
    {
    }
    
    public function get backgroundColor():uint
    {
      return 0;
    }
    
    public function set backgroundColor(value:uint):void
    {
    }
    
    public function get backgroundImage():Object
    {
      return null;
    }
    
    public function set backgroundImage(value:Object):void
    {
    }
    
    public function get backgroundSize():String
    {
      return null;
    }
    
    public function set backgroundSize(value:String):void
    {
    }
    
    public function set preloader(obj:Sprite):void
    {
      _preloader = obj as Preloader;
 _preloader.addEventListener(ProgressEvent.PROGRESS, progressEventHandler);
 _preloader.addEventListener(FlexEvent.INIT_COMPLETE,initCompleteEventHandler);
    }
    
    public function get stageHeight():Number
    {
      return 0;
    }
    
    public function set stageHeight(value:Number):void
    {
    }
    
    public function get stageWidth():Number
    {
      return 0;
    }
    
    public function set stageWidth(value:Number):void
    {
    }
    
    public function initialize():void
    {
      _loader_mc.x = stage.stageWidth / 2 - _loader_mc.width/2;
 _loader_mc.y = stage.stageHeight / 2 - _loader_mc.height/2;
    }
    
    private function progressEventHandler(eo:ProgressEvent):void
    {
      
     _loader_mc.gotoAndStop(Math.round((eo.bytesLoaded / eo.bytesTotal )*100))
     _loader_mc.show_txt.text =Math.round((eo.bytesLoaded / eo.bytesTotal )*100)+" %"
    }
    
    private function initCompleteEventHandler(eo:FlexEvent):void{
     dispatchEvent(new Event(Event.COMPLETE));
    }
    
    
  }
}



主文件:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application preloader="nPreloader" creationComplete="init()" layout="vertical" xmlns:mx="http://www.adobe.com/2006/mxml" >
  <mx:Script>
    <![CDATA[

    [Embed(source="1.mp3")]
 private var _file:Class;

 
    ]]>
  </mx:Script>
  <mx:Button label="Button"/>
  <mx:ComboBox ></mx:ComboBox>
  <mx:Panel width="250" height="200" layout="absolute">
    <mx:Label text="我们是Flex组件,hoho" fontSize="15"/>
  </mx:Panel>

</mx:Application>
分享到:
评论

相关推荐

    自定义Flex右键菜单

    在IT行业中,自定义Flex右键菜单是一项常见的需求,它涉及到用户交互体验的优化和界面定制化。Flex是一个基于ActionScript 3.0的开源框架,用于构建富互联网应用程序(RIA)。在这里,我们主要探讨如何在Flex项目中...

    第五章 自定义组件开发 第一节 自定义Flex组件

    自定义Flex组件是扩展Flex默认组件集、满足特定设计需求的关键技能。 首先,我们要理解Flex组件的基本结构。一个Flex组件通常由MXML和ActionScript两部分组成。MXML是一种声明性语言,用于描述组件的外观和布局,而...

    Flex 扇形Loading

    Flex扇形Loading是一种在Flex应用中实现的自定义加载指示器,它提供了更加美观和动态的用户体验,替代了默认的加载动画。这种加载效果通常采用扇形或环形的进度条设计,使得用户能够直观地看到加载过程的进度。本文...

    Flex 开发学习笔记6.2 - 引用自定义的 Flex Library Project

    在Flex开发领域,创建自定义的Flex Library Project是一种常见的实践,它可以提高代码的重用性和组织性。在本文中,我们将深入探讨如何引用这样的库项目,并理解其在Flex开发过程中的重要性。Flex是一个用于构建富...

    flex4自定义事件用法

    自定义事件是Flex开发中的一个重要概念,允许开发者扩展内置事件系统,以满足特定项目的需要。下面将详细介绍Flex4自定义事件的用法,以及如何在一个完整的项目中导入和运行。 1. **创建自定义事件类** - 首先,...

    Flex 自定义组件ImageViewer

    在Flex中,自定义组件是开发者根据项目需求创建的特殊UI元素,可以扩展和定制标准的MX或Spark组件。本示例着重于一个名为“ImageViewer”的自定义组件,这通常是一个用于展示图像并可能包含缩放、平移等交互功能的...

    Flex 自定义ToolTip

    ### Flex自定义ToolTip详解 在Flex开发中,`ToolTip`是一种非常实用的界面元素,用于在用户悬停或聚焦某个控件时显示额外的信息。默认情况下,Flex提供了基本的`ToolTip`功能,但有时为了满足特定的设计需求或者...

    flex 高级自定义组件

    Flex中的高级自定义组件开发是构建复杂用户界面的关键技术,它允许开发者超越基本组件的限制,以满足特定的业务需求和视觉设计。在创建高级组件时,了解并掌握一些核心方法的重写至关重要,这些方法涉及到组件的生命...

    Flex自定义加载条(小起)

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

    Flex4自定义组件开发.pdf

    ### Flex4自定义组件开发详解 #### 一、Flex4自定义组件概述 Flex4(也称为Spark)是Adobe Flex框架的一个重要版本,它引入了许多新的特性,包括改进的组件库、性能优化以及更好的可定制性。在Flex4中,自定义组件...

    各种Flex自定义组件

    在Flex中,自定义组件是开发人员为了满足特定需求而创建的特殊用户界面元素。这些组件可以扩展标准的Flex组件库,或者从头开始构建,以提供独特的功能和视觉表现。 在标题“各种Flex自定义组件”中,我们可以推断这...

    Flex视图切换,自定义控件Demo.rar

    在Flex中,视图切换和自定义控件是构建用户界面时的重要技术,它们极大地增强了用户体验和交互性。 视图切换是Flex应用程序中常见的功能,允许用户在多个界面或工作区之间进行导航。这在多页面或模块化的应用中非常...

    flex3自定义DownloadProgressBar

    本文将围绕“flex3自定义DownloadProgressBar”这一主题展开,讲解如何在Flex3中创建一个定制化的下载进度条组件,并探讨相关的编程技术和实践。 一、自定义组件基础 在Flex中,自定义组件是通过继承已有的...

    flex 自定义组件

    Flex自定义组件是Adobe Flex框架中的一个重要特性,它允许开发者创建具有特定功能和外观的UI元素,以满足项目中独特的用户界面需求。Flex是一个开源的、基于MXML和ActionScript的开发框架,主要用于构建富互联网应用...

    flex 自定义控件、事件

    这个主题聚焦于“flex自定义控件与事件”,这是一个关键的开发概念,特别是对于那些希望深入理解Flex架构和提升应用用户体验的开发者来说。 自定义控件在Flex开发中扮演着重要角色,它们允许开发者根据项目需求创建...

    Flex手机项目自定义List的ItemRenderer

    在Flex手机项目开发中,创建自定义的List组件ItemRenderer是一项常见的需求,目的是为了提供更加丰富和个性化的显示效果。本文将深入探讨如何利用IconItemRenderer来实现这一目标,同时结合具体的实例,介绍两种不同...

    FLex loading源码

    Flex Loading 源码是基于Adobe Flex框架实现的一种加载组件的源代码,它主要用于在应用程序启动或数据加载过程中展示进度信息。Flex是一个开源的、基于MXML和ActionScript的开发框架,用于构建富互联网应用程序(RIA...

    flex自定义树形结构

    本篇文章将深入探讨如何在Flex环境中自定义实现一个具备展开、收缩功能的多级目录树形结构。 首先,让我们理解`Flex`布局。Flex布局,全称为Flexible Box,是一种用于容器中元素的布局模型,旨在提供更好的灵活性,...

    Flex4 Air 自定义窗口

    Flex4 AIR自定义窗口是一种高级的用户界面设计技术,它允许开发者创建出具有独特特性和交互体验的应用程序。在本文中,我们将深入探讨Flex4和Adobe Integrated Runtime (AIR)如何结合,实现自定义窗口功能,包括窗口...

Global site tag (gtag.js) - Google Analytics