`
wangleifire
  • 浏览: 509005 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

如何自定义FLEX3的loading进度条

    博客分类:
  • FLEX
阅读更多

第一种:修改下载进度的文字为中文

建立扩展至 mx.preloaders.DownloadProgressBar 的一个类:

  1. package myDownPro
  2. {
  3. import mx.preloaders.DownloadProgressBar;

  4. public class myDownProBar extends DownloadProgressBar
  5. {
  6.    public function myDownProBar()
  7.    {
  8.     //TODO: implement function
  9.     super();
  10.     downloadingLabel="正在下载中...";
  11.     initializingLabel="正在初始化内容...";
  12.    }
  13. }
  14. }
复制代码

然后在修改 preloader 为你建立的这个类:

  1. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"   preloader="myDownPro.myDownProBar" layout="absolute">
  2. <mx:Text text="程序进度条测试" x="37" y="71"/>
  3. </mx:Application>
复制代码

第二种:覆写 DownloadProgressBar 类的 preloader,可以在其中加入你自已喜欢的标签或者图像

  1. package myDownPro
  2. {
  3. import mx.preloaders.DownloadProgressBar;
  4. import flash.display.Sprite;
  5. import flash.events.ProgressEvent
  6. import flash.events.*

  7. import flash.text.TextField;
  8. import mx.events.*;
  9. public class myDownProBar2 extends DownloadProgressBar
  10. {
  11.    public var msg:TextField
  12.    public function myDownProBar2()
  13.    {
  14.     super();  
  15.     msg=new TextField()
  16.     msg.x=200
  17.     msg.y=200
  18.    addChild(msg)
  19.    }
  20.    override public function set preloader(s:Sprite):void{
  21.    s.addEventListener(ProgressEvent.PROGRESS,prog)
  22.    s.addEventListener(Event.COMPLETE,ecom)
  23.    s.addEventListener(FlexEvent.INIT_COMPLETE,flInC)
  24. s.addEventListener(FlexEvent.INIT_PROGRESS,flIn)
  25.    }
  26. private function prog(e:ProgressEvent):void{
  27. msg.text=String(int(e.bytesLoaded/e.bytesTotal*100))+" %";
  28. }
  29. private function ecom(e:Event):void{
  30. msg.text="完成了!!!!"
  31. }
  32. private function flInC(e:FlexEvent):void{
  33. msg.text="初始化完毕!"//初始完后要派遣 Complete 事件,不然会停在这里,不会进入程序画面的
  34. dispatchEvent(new Event(Event.COMPLETE))
  35. }
  36. private function flIn(e:FlexEvent):void{
  37. msg.text="开始初始化程序"
  38. }
  39. }
  40. }
复制代码

同样修改<mx:Application>标签的 preloader 为这个类。

分享到:
评论

相关推荐

    Flex 扇形Loading

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

    flex3自定义DownloadProgressBar

    综上所述,自定义Flex 3的DownloadProgressBar是一个结合了组件扩展、样式定制、事件处理和业务逻辑的过程。具体实现细节通常会根据实际项目需求而变化,而提供的SWF文件则可能用于增强进度条的视觉反馈。如果要了解...

    FLex loading源码

    4. **组件自定义**:`com`文件夹中的类可能包含了自定义的加载组件,比如自定义的进度条或加载动画。这些类可能会扩展Flex的基础组件,如`mx.controls.ProgressBar`,并添加特定的功能或样式。 5. **FLA与SWF**:未...

    阿玉写loading.rar

    7. 自定义图形:除了简单的圆形旋转,CSS3还可以创建更复杂的图形和动画,如线性进度条、球体跳动、环形加载等。通过组合不同的形状(如边框半径、伪元素)和动画效果,可以实现各种创意加载动画。 8. 响应式设计:...

    vue实现自定义H5视频播放器的方法步骤

    文中提到使用了Flex布局和vw单位进行适配,以实现响应式设计,确保在不同设备和屏幕尺寸上都能正常显示。此外,开发者还标记了几个主要功能,如播放、暂停、缓冲、加载失败等。 2. **功能实现**: - **事件监听**...

    页面加载的Loading效果

    通过CSS,我们可以创建自定义的动画效果,如旋转的loading图标。以下是一个简单的例子: ```html &lt;div class="spinner"&gt;&lt;/div&gt; .loader { display: flex; justify-content: center; align-items: center; ...

    swf格式loading动画多种

    本文将深入探讨SWF格式的Loading动画,包括其原理、制作方法以及如何在FLEX中调用。 一、SWF格式介绍 SWF(ShockWave Flash)是由Adobe公司开发的文件格式,主要用于在网络上传输多媒体内容,如动画、游戏和交互式...

    十三种html的loading样式

    6. **环形进度条**:通过CSS3的border-radius和animation创建环形填充动画,展示加载进度。 7. **点状加载**:点点滴滴的动画效果,常表现为“.”、“..”、“...”,使用CSS的animation延迟属性实现。 8. **彩色...

    actionscript例子源码

    LoadingScreen.fla可能演示了如何使用ActionScript来显示进度条并监控加载资源的进度,同时向用户展示加载状态,提高用户体验。 4. 播放声音(PlayingSounds.fla) 在ActionScript中,可以使用Sound和SoundChannel...

Global site tag (gtag.js) - Google Analytics