`

定义自已的 Flex 程序Loading条

    博客分类:
  • 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:http://www.adobe.com/2006/mxml">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="开始初始化程序"
}
}
}

分享到:
评论

相关推荐

    Flex 扇形Loading

    1. **Flex基础知识**:Flex是一个基于ActionScript和Flash Player的开放源代码框架,用于构建富互联网应用程序(RIA)。它提供了一套组件库,包括各种UI元素,如按钮、列表和进度条等。 2. **扇形SectorProgressBar...

    selenium对flex程序的自动化测试.docx

    Selenium 对 Flex 程序的自动化测试 Selenium 是一个自动化测试工具,它可以模拟用户的行为来测试 Web 应用程序。Flex 是一种基于 XML 的开发语言,用于构建 Rich Internet Applications(RIA)。在这篇文章中,...

    Flex应用程序开发

    ### Flex应用程序开发:深入理解与实践 #### 一、Flex概览 Flex是Adobe Systems Incorporated推出的一款用于构建高质量的Rich Internet Applications(RIA)的开源框架。它基于Flash平台,允许开发者使用标准的Web...

    flex例子.flex源程序

    Flex是一种开源的、基于ActionScript的编程框架,主要用于构建富互联网应用程序(Rich Internet Applications, RIA)。这个"flex例子.flex源程序"很显然是一个Flex开发的学习资源,它包含了一个或多个示例项目,用于...

    测试flex应用程序

    在IT行业中,Flex是一种用于构建富互联网应用程序(RIA)的框架,它基于ActionScript和Flash Player或Adobe AIR运行时。Flex应用程序通常具有丰富的用户界面,能够提供动态交互体验。而当我们需要对这些Flex应用程序...

    Flex程序如何获取html容器传递的URL参数值

    这一步骤中,Flex程序会调用预先定义好的JavaScript函数,该函数负责解析URL参数,并返回结果给ActionScript。 ### 实现步骤 1. **定义JavaScript函数**:在HTML页面中,定义一个JavaScript函数,该函数用于解析...

    flex滚动条三种实现方式

    /* 定义滚动条宽度 */ ::-webkit-scrollbar { width: 10px; } /* 滚动条轨道 */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* 滚动按钮 */ ::-webkit-scrollbar-thumb { background: #888; ...

    flex Custom loading example

    网上找了很多都不完整,上传一个工程给大家分享,采用子类加载swf或者gif的方式显示loading ,gif或者swf文件可以随意换成自己喜欢的。如果需要百分比显示的话可能还需要修改一下代码。 ===========================...

    微信小程序 FlexLayout布局 (源码)

    微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小...

    Flex自定义加载条(小起)

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

    微信小程序+Flex布局示例源代码

    通过设置`flex-grow`, `flex-shrink`和`flex-basis`属性,可以定义子元素在空间充足、不足以及初始分配时的伸缩行为。例如,`flex: 1`表示子元素会尽可能占据剩余空间,实现等分或按比例分配容器空间。 在实际应用...

    微信小程序 Flex布局详解

    弹性因子(flex-grow, flex-shrink, flex-basis)在微信小程序的Flex布局中,每个伸缩项目都可以通过flex属性来指定其弹性因子,它是一个简写属性,可以设置三个值:flex-grow, flex-shrink, 和 flex-basis。1. flex...

    经过修改皮肤的flex4滚动条。

    Flex4是Adobe Flex框架的第四代版本,它主要基于ActionScript 3编程语言和MXML标记语言,用于构建富互联网应用程序(RIA)。在Flex4中,用户界面组件的外观可以通过自定义皮肤来大幅度改变,这使得开发者能够创建...

    flex安装程序 windows

    在生成的C代码中,Flex会定义一个主循环,用于读取输入,匹配规则,并调用用户定义的函数来处理识别到的模式。 接下来,我们来看看如何在Windows上安装Flex。文件名“flex-2.5.4a-1.exe”表明这是一个Flex的老版本...

    Flex 颜色渐变条

    Flex颜色渐变条是一种在Flex应用中用于展示和编辑颜色渐变效果的组件。它允许用户通过添加、删除和修改节点来定制颜色过渡,从而在视觉上表达出丰富多彩的色彩变化。这种组件在UI设计中尤其有用,因为它提供了对颜色...

    微信小程序flex布局demo

    在微信小程序中,开发者可以利用CSS布局方式之一的Flex布局来实现复杂的页面设计,提高用户体验。本教程将深入探讨微信小程序中的Flex布局。 一、Flex布局基础 1. Flex容器:在CSS中,一个元素如果设置了`display:...

    flex程序设计基础教材

    Flex程序设计基础教材是针对初学者的一本详细指南,它主要涵盖了Flex 3技术,这是一种用于构建 Rich Internet Applications(RIA)的强大工具。Flex是Adobe公司推出的一种开发平台,旨在帮助开发者创建具有高度交互...

    FLEX3程序的皮肤集合

    Flex3程序的皮肤集合是一个资源库,包含了多种设计精美的Flex应用皮肤,这些皮肤能够显著地改变Flex程序的用户界面外观,提升用户体验。Flex3是Adobe Flex框架的第三个主要版本,它提供了强大的富互联网应用程序...

    利用Ant自动编译Flex程序

    本文将深入探讨如何利用Apache Ant来自动编译Flex程序。Apache Ant是一种基于Java的构建工具,它允许开发者通过XML配置文件来定义任务,实现软件项目的构建、部署等自动化操作。Flex是一种用于创建富互联网应用程序...

Global site tag (gtag.js) - Google Analytics