Flex中如何通过labelPlacement属性设置进度条控件(ProgressBar)标签的位置的例子
By Minidxer | July 17, 2008
接下来的例子演示了Flex中如何通过labelPlacement属性，设置进度条控件(ProgressBar)标签的位置。本例中实际上还演示了如何利用进度条的bytesLoaded和bytesTotal属性，在“polled”模式下显示FLV文件被载入多少。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white">
- <mx:VideoDisplay id="videoDisplay"
- source="http://blog.minidx.com/ext/water.flv"
- playheadUpdate="playheadTime.setProgress(videoDisplay.playheadTime, videoDisplay.totalTime)"
- minWidth="160"
- minHeight="120" />
- <mx:ProgressBar id="progressBar"
- width="{videoDisplay.width}"
- mode="polled"
- source="{videoDisplay}"
- label="%1 of %2 KB loaded (%3%%)"
- conversion="1024"
- labelPlacement="center" />
- <mx:ProgressBar id="playheadTime"
- width="{videoDisplay.width}"
- mode="manual" label="%1 / %2"
- labelPlacement="center" />
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer
Topics:
Flex |
Tags: conversion, labelPlacement, mode, source, 进度条
Trackbacks