`

如何自定义FLEX3的loading进度条(2)

    博客分类:
  • Flex
阅读更多
首先:修改下载进度的文字为中文
  
建立扩展至 mx.preloaders.DownloadProgressBar 的一个类:
package myDownPro 
{ 
import mx.preloaders.DownloadProgressBar; 
public class myDownProBar extends DownloadProgressBar 
{ 
  public function myDownProBar() 
  { 
   //TODO: implement function 
   super(); 
   downloadingLabel="正在下载中..."; 
   initializingLabel="正在初始化内容..."; 
  } 
} 
} 

然后在修改 preloader 为你建立的这个类:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"   preloader="myDownPro.myDownProBar" layout="absolute"> 
<mx:Text text="程序进度条测试" x="37" y="71"/> 
</mx:Application> 

方法二:覆写 DownloadProgressBar 类的 preloader,可以在其中加入你自已喜欢的标签或者图像
package myDownPro 
{ 
import mx.preloaders.DownloadProgressBar; 
import flash.display.Sprite; 
import flash.events.ProgressEvent 
import flash.events.* 
import flash.text.TextField; 
import  mx.events.*; 
public class myDownProBar2 extends DownloadProgressBar 
{ 
  public var msg:TextField 
  public function myDownProBar2() 
  { 
   super();   
   msg=new TextField() 
   msg.x=200 
   msg.y=200 
  addChild(msg) 
  } 
  override public function set preloader(s:Sprite):void{ 
  s.addEventListener(ProgressEvent.PROGRESS,prog) 
  s.addEventListener(Event.COMPLETE,ecom) 
  s.addEventListener(FlexEvent.INIT_COMPLETE,flInC) 
s.addEventListener(FlexEvent.INIT_PROGRESS,flIn) 
  } 
private function prog(e:ProgressEvent):void{ 
msg.text=String(int(e.bytesLoaded/e.bytesTotal*100))+" %"; 
} 
private function ecom(e:Event):void{ 
msg.text="完成了!!!!" 
} 
private function flInC(e:FlexEvent):void{ 
msg.text="初始化完毕!"//初始完后要派遣 Complete 事件,不然会停在这里,不会进入程序画面的 
dispatchEvent(new Event(Event.COMPLETE)) 
} 
private function flIn(e:FlexEvent):void{ 
msg.text="开始初始化程序" 
} 
} 
} 

同样修改<mx:Application>标签的 preloader 为这个类。
分享到:
评论
1 楼 tangbinbin11 2009-03-18  

相关推荐

    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样式

    2. **旋转图标**:例如经典的加载小菊花,可以使用CSS3的transform属性和animation属性实现旋转动画。 3. **线条动画**:通过CSS绘制线条并利用keyframes动画改变线条的状态,如逐段填充、旋转、缩放等。 4. **...

    actionscript例子源码

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

Global site tag (gtag.js) - Google Analytics