`
061041033
  • 浏览: 38689 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

Flex进度条

阅读更多
<?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[
			private var timer:Timer;
			public function initApp():void{
				timer = new Timer(50);
				timer.addEventListener(TimerEvent.TIMER,timer_Handler);
			}
			
			public function timer_Handler(evt:Event):void{
				progressBar.setProgress(progressBar.value +1,100);
			}
			private function progressBar_complete(evt:Event):void{
				timer.stop();
			}
			private function reset():void{
				progressBar.setProgress(0,100);
				progressBar.scaleX = 1;
				progressBar.scaleY = 1;
				progressBar.alpha = 1;
			}
			private function playProgressBar():void{
				reset();
				timer.start();
			}
		]]>
	</mx:Script>
	<mx:Parallel id="eff">
		<mx:Fade alphaTo="0.0"/>
		<mx:Zoom zoomHeightTo="0"/>		
	</mx:Parallel>

	 <mx:ProgressBar id="progressBar" complete="progressBar_complete(event);" mode="manual" completeEffect = "{eff}" labelPlacement="center" width = "400" height ="30"/>
	 <mx:Button label="开始加载" click="playProgressBar()"/>
</mx:Application>

 

分享到:
评论

相关推荐

    Flex 进度条

    Flex进度条是一种用于显示操作进度的图形用户界面组件,尤其适用于那些需要花费一定时间的异步操作,比如文件下载、音乐或视频的加载以及登录过程等。通过进度条,用户可以直观地看到当前操作的完成情况,从而减少...

    flex进度条

    ### Flex进度条实现原理与应用 #### 一、引言 在现代Web开发中,进度条作为一种常见的UI组件,主要用于指示加载或处理过程中的完成情况。对于基于Flex框架的应用而言,进度条同样扮演着重要的角色,尤其是在应用...

    Flex进度条小例子

    标题中的“Flex进度条小例子”表明我们将讨论的是使用Adobe Flex技术实现的进度条组件的应用。Flex是一个开源的、基于MXML和ActionScript的框架,用于构建富互联网应用程序(RIA)。在Flex中,我们可以创建自定义的...

    Flex进度条示例源码

    综上所述,Flex进度条示例源码涉及了如何在Flex应用中创建、更新和定制进度条,以及对项目文件结构的理解。通过深入学习这些内容,开发者可以更好地构建具有反馈功能的用户界面,提升应用的交互性。

    flex进度条展示源码

    flex进度条展示源码

    结合flash制作的flex进度条

    结合Flash制作Flex进度条的目的是为了实现更丰富的视觉效果和用户体验。通过在Flash中设计和动画化进度条的外观,我们可以将其导出为SWC库文件,然后在Flex项目中导入和使用。这允许开发者利用Flash强大的图形编辑...

    Flex 4 进度条的皮肤

    本文将深入探讨如何在Flex 4中创建和定制进度条的皮肤。 首先,我们需要了解Flex 4中的皮肤架构。Flex 4引入了Spark组件模型,其中皮肤是组件外观的独立层,可以通过CSS样式或MXML代码进行定义。每个组件都有一个...

    flex 自定义进度条

    标题提到的"flex 自定义进度条",指的是利用Flex布局技术来设计一个可定制的进度条组件。Flex布局,全称为Flexible Box布局,是一种在CSS3中引入的布局模型,旨在提供更灵活的盒状模型布局方式,尤其适合在不同屏幕...

    Flex 指定文件下载 带进度条

    在Flex编程中,指定文件下载并带有进度条功能是一项常见的需求,这主要涉及到网络I/O操作、事件处理以及用户界面的更新。以下是对这个主题的详细讲解。 首先,Flex是Adobe开发的一种开源富互联网应用程序(RIA)...

    flex带进度条上传文件

    flex带进度条上传文件,非常棒,相信你会喜欢的。大家不要下载了,这个资源不知道为什么不能用了,请csdn的管理员关注一下。

    flex可自定义圆形加载进度条例子代码下载

    在这个特定的案例中,我们关注的是使用Flex实现的自定义圆形加载进度条。 在Web应用中,进度条是用户界面中常见的一种元素,用于指示某个任务或数据加载的进度。圆形进度条与传统的水平进度条不同,它以圆形图案...

    Flex3自定义的加载进度条

    在Flex3中,有时候我们需要自定义加载进度条来满足特定的界面设计或用户体验需求。下面将详细讲解如何在Flex3中实现自定义的加载进度条。 1. **自定义组件基础** 在Flex3中,我们可以创建自定义组件来扩展或替换...

    Flex+php 批量上传源码 (可刷新进度条 )

    本教程将详细讲解如何利用Flex作为前端界面,PHP作为后端处理,创建一个支持批量上传并能刷新进度条的功能。 **Flex** 是Adobe开发的一种富互联网应用程序(RIA)开发框架,基于ActionScript编程语言和Flash Player...

    flex 自定义加载进度框

    在“flex自定义加载进度条”的场景中,开发者可能想要替换Flex默认的Application预加载器,以提供更个性化的用户体验。自定义预加载器可以让开发者自由设计加载界面的外观和交互,例如改变颜色、形状或动画效果,...

    基于flex的无刷上传控件可以显示进度条

    Flex组件库提供了丰富的UI元素,包括用于文件上传的控件,可以方便地创建具有进度条显示的上传功能。 **无刷上传原理** 无刷上传,即无需刷新页面即可完成文件上传,这主要依赖于Ajax技术。Ajax(Asynchronous ...

    纯CSS3进度条

    4. **Flexbox布局**:使用`display: flex`,我们可以轻松地调整进度条容器的布局,使其在不同屏幕尺寸下保持响应式。 现在,我们来构建一个基本的进度条结构: ```html ;"&gt; ``` 在这个例子中,`.progress-bar`...

    jQuery多步骤进度条_网页步骤流程进度条代码

    display: flex; justify-content: space-between; } .step { background-color: #f1f1f1; padding: 10px; border-radius: 5px; margin-right: 10px; } .step.active { background-color: #4CAF50; } ``` ...

    flex 面试题flex

    - 对于处理速度慢,可以优化异步通信,提升用户体验,例如通过进度条显示或异步加载。 8. Flash与Flex的协同开发: 若需利用Flex SDK,可以建立Flex工程,将Flash作为UI皮肤。若仅需要编码便利,可创建AS工程,...

    Flex4_ProgressBar_Combobox_NumericStepper

    在Flex4中,开发人员可以利用强大的组件库来构建丰富的用户界面。本示例着重讲解了三种关键组件:进度条(ProgressBar)、下拉列表框(ComboBox)和数值微调器(NumericStepper)。这些组件在各种应用程序中都有广泛...

    flash进度条

    响应式设计则需要考虑进度条在不同分辨率和设备上的适配,可能需要借助CSS3或Flex布局。 总的来说,创建“Flash进度条”涉及了Flash的基础动画原理、ActionScript编程技巧以及UI/UX设计原则。在CS4版本中,开发者...

Global site tag (gtag.js) - Google Analytics