利用位图制作高性能加载矩阵型进度条

本文作者:auzn  首发英文版:How to Create a Bitmap(Matrix Graphics) Progress Bar in Flex

通常使用百分比或进度条即可表示处理进度,但有些场合,例如文件分为多个大小相同的块,并对这些块进行处理,这时使用矩阵图形表示文件块的处理是最直观的了.下面我们就来制作这样一个例子.

我们可以先看看程序图片或运行Demo观察(单击切换效果).

clip_image002

Search-256x256 Demo | DownloadDownload Full Project

Continue reading “利用位图制作高性能加载矩阵型进度条”

Flex中如何利用ProgressBar.labelPlacement属性在一个进度条(progress)中指定标签位置的例子

接下来的例子演示了Flex中如何利用ProgressBar.labelPlacement属性,在一个进度条(progress)中指定标签位置。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):

Continue reading “Flex中如何利用ProgressBar.labelPlacement属性在一个进度条(progress)中指定标签位置的例子”

Flex中如何通过labelPlacement属性设置进度条控件(ProgressBar)标签的位置的例子

接下来的例子演示了Flex中如何通过labelPlacement属性,设置进度条控件(ProgressBar)标签的位置。本例中实际上还演示了如何利用进度条的bytesLoaded和bytesTotal属性,在“polled”模式下显示FLV文件被载入多少。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):

Continue reading “Flex中如何通过labelPlacement属性设置进度条控件(ProgressBar)标签的位置的例子”

Flex中如何利用mx.effects SoundEffect类和ProgressBar类的completeEffect样式在进度条(ProgressBar)最后完成时播放一个声音效果的例子

在前面的Flex中设置进度条(ProgressBar)完成时效果的例子中,我们了解了如何给进度条(ProgressBar)设置一个完成(100%)时效果。接下来的例子则演示了Flex中如何利用mx.effects SoundEffect类和ProgressBar类的completeEffect样式,在进度条(ProgressBar)最后完成时播放一个声音效果。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):

Continue reading “Flex中如何利用mx.effects SoundEffect类和ProgressBar类的completeEffect样式在进度条(ProgressBar)最后完成时播放一个声音效果的例子”

Flex的进度条(ProgressBar)控件中如何设置进度轨迹条和标签间竖直间隔间距的例子

接下来的例子演示了Flex的进度条(ProgressBar)控件中,如何通过设置verticalGap样式,来设定进度轨迹条和标签间竖直间隔间距。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码

Continue reading “Flex的进度条(ProgressBar)控件中如何设置进度轨迹条和标签间竖直间隔间距的例子”

Flex中如何设置进度条(ProgressBar)的自定义皮肤(Skin)的例子

下面的例子演示了Flex中如何通过设置barSkin风格,设定进度条(ProgressBar)的自定义皮肤(Skin)。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
Continue reading “Flex中如何设置进度条(ProgressBar)的自定义皮肤(Skin)的例子”

Flex中如何设置进度条(ProgressBar)边框颜色的例子

Flex中设置进度条(ProgressBar)完成时效果的例子中我们了解了如何设置进度条(ProgressBar)完成(100%)时的效果,接下来的例子演示了Flex中通过设置borderColor风格,设置ProgressBar进度条的边框颜色。

让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
Continue reading “Flex中如何设置进度条(ProgressBar)边框颜色的例子”