【code】flex_进度条样式
2015-06-08 00:46
686 查看
最近打算吧硬盘中的资料记录在博客中,有用的就当是个分享,没用的就当是个备份,还望大家不要见怪。
![](http://static.blog.csdn.net/xheditor/xheditor_emot/default/smile.gif)
一共4个文件:
![](https://img-blog.csdn.net/20150608004825249?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaV9jaGVuamlhaHVp/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
JinDuTiaoItem.mxml:
ProgressBarSkinWhite.mxml:
<?xml version="1.0" encoding="utf-8"?>
<!--
ADOBE SYSTEMS INCORPORATED
Copyright 2008 Adobe Systems Incorporated
All Rights Reserved.
NOTICE: Adobe permits you to use, modify, and distribute this file
in accordance with the terms of the license agreement accompanying it.
-->
<!--- The Spark skin class for the MX ProgressBar component.
@see mx.controls.ProgressBar
@langversion 3.0
@playerversion Flash 10
@playerversion AIR 1.5
@productversion Flex 4
-->
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" >
<fx:Script>
/**
* @private
*/
override protected function initializationComplete():void
{
useChromeColor = true;
super.initializationComplete();
}
</fx:Script>
<!-- layer 1: fill -->
<s:Rect left="2" right="2" top="2" bottom="2" >
<s:fill>
<s:LinearGradient rotation="90">
<s:GradientEntry color="0xFFFFFF"
alpha="1" />
<s:GradientEntry color="#cedbef"
alpha="1" />
</s:LinearGradient>
</s:fill>
</s:Rect>
<!-- layer 2: border -->
<s:Rect left="2" right="2" top="2" bottom="2" >
<s:stroke>
<s:LinearGradientStroke rotation="90">
<s:GradientEntry color="0xFFFFFF"
alpha=".9" />
<s:GradientEntry color="0xFFFFFF"
alpha="0.5" />
</s:LinearGradientStroke>
</s:stroke>
</s:Rect>
<!-- layer 3: right edge -->
<s:Rect right="1" top="2" bottom="2" width="1" >
<s:fill>
<s:SolidColor color="0x000000" alpha="0.55" />
</s:fill>
</s:Rect>
</s:SparkSkin>
![](http://static.blog.csdn.net/xheditor/xheditor_emot/default/smile.gif)
一共4个文件:
JinDuTiaoItem.mxml:
<?xml version="1.0" encoding="utf-8"?> <s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" clipAndEnableScrolling="true"> <fx:Script> <![CDATA[ import mx.skins.spark.ProgressBarSkin; [Bindable] [Embed(source="/assets/daihecha/46.png")]//绿色 private var barColor:Class; [Embed(source="/assets/daihecha/45.png")]//红色 private var redBarImage:Class; [Embed(source="/assets/daihecha/46.png")]//绿色 private var greenBarImage:Class; override public function set data(v:Object):void{ super.data = v; //pb.setProgress(5,10); pb.percentHeight= 50 ; /* * 根据不同的状态设置样式 */ if(v){ pb.setProgress(v.finish,v.total); if(data.status=='出错' ){ barColor=redBarImage; }else{ barColor=greenBarImage; } var num:Number = (v.finish*100/v.total); pb.label = num.toFixed(1) + '%'; } } ]]> </fx:Script> <mx:ProgressBar id="pb" label="" width="100%" height="100%" mode="manual" labelPlacement="center" indeterminate="false" barSkin="{barColor}" trackSkin="com.uniware.dm.module.daihecha.ProgressBarSkinWhite" /> </s:GridItemRenderer>
ProgressBarSkinWhite.mxml:
<?xml version="1.0" encoding="utf-8"?>
<!--
ADOBE SYSTEMS INCORPORATED
Copyright 2008 Adobe Systems Incorporated
All Rights Reserved.
NOTICE: Adobe permits you to use, modify, and distribute this file
in accordance with the terms of the license agreement accompanying it.
-->
<!--- The Spark skin class for the MX ProgressBar component.
@see mx.controls.ProgressBar
@langversion 3.0
@playerversion Flash 10
@playerversion AIR 1.5
@productversion Flex 4
-->
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" >
<fx:Script>
/**
* @private
*/
override protected function initializationComplete():void
{
useChromeColor = true;
super.initializationComplete();
}
</fx:Script>
<!-- layer 1: fill -->
<s:Rect left="2" right="2" top="2" bottom="2" >
<s:fill>
<s:LinearGradient rotation="90">
<s:GradientEntry color="0xFFFFFF"
alpha="1" />
<s:GradientEntry color="#cedbef"
alpha="1" />
</s:LinearGradient>
</s:fill>
</s:Rect>
<!-- layer 2: border -->
<s:Rect left="2" right="2" top="2" bottom="2" >
<s:stroke>
<s:LinearGradientStroke rotation="90">
<s:GradientEntry color="0xFFFFFF"
alpha=".9" />
<s:GradientEntry color="0xFFFFFF"
alpha="0.5" />
</s:LinearGradientStroke>
</s:stroke>
</s:Rect>
<!-- layer 3: right edge -->
<s:Rect right="1" top="2" bottom="2" width="1" >
<s:fill>
<s:SolidColor color="0x000000" alpha="0.55" />
</s:fill>
</s:Rect>
</s:SparkSkin>
相关文章推荐
- Flex 隐藏组件的属性
- Flex 如何得到itemRenderer里面的内容
- Flex字符串比较 还有Flex字符串操作
- Flex 透明效果,位于页面最底层
- Flex 非常实用的学习资料整理
- flex 控件的重要属性
- flex PopUpManager使用说明
- Flex clipContent 编程注意
- Flex 获得png透明截图的问题和解决方法
- FLEX TitleWindow之间数据传输的示例
- 在flex中执行一个javascript方法的简单方式
- Flex CategoryAxis 字体样式修改
- Flex结合JavaScript读取本地路径的方法
- Flex Namespace的用法
- Flex 性能优化常用手法总结
- flex 安全沙箱问题备忘
- Flex程序开发心得小结
- Flex Flash的关系分析
- AS3 Flex基础知识100条
- flex 优化技巧 收集[提升性能]