Flex中如何设置进度条(ProgressBar)边框颜色的例子
By Minidxer | March 29, 2008
在Flex中设置进度条(ProgressBar)完成时效果的例子中我们了解了如何设置进度条(ProgressBar)完成(100%)时的效果,接下来的例子演示了Flex中通过设置borderColor风格,设置ProgressBar进度条的边框颜色。
让我们先来看一下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:ApplicationControlBar dock="true">
- <mx:Form styleName="plain">
- <mx:FormItem label="borderColor:">
- <mx:ColorPicker id="colorPicker" />
- </mx:FormItem>
- </mx:Form>
- </mx:ApplicationControlBar>
- <mx:ProgressBar id="progressBar"
- mode="manual"
- labelPlacement="center"
- borderColor="{colorPicker.selectedColor}"
- height="50"
- creationComplete="progressBar.setProgress(76, 100);" />
- </mx:Application>
文中代码来自:flexexamples
Topics:
Flex |
1 Comment » |
134 views
Tags: borderColor, Flex, ProgressBar, 边框颜色, 进度条
Trackbacks