flex自定义进度条样式

最新推荐文章于 2023-12-04 11:44:32 发布

原创最新推荐文章于 2023-12-04 11:44:32 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flex #encoding #library #layer #function #border

Flex 专栏收录该内容

2 篇文章

订阅专栏

进度条内部

<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" >

<fx:Script>
  override protected function initializationComplete():void
  {
   useChromeColor = true;
   super.initializationComplete();
  }
</fx:Script>


<s:Rect left="2" right="2" top="2" bottom="2" >
  <s:fill>
   <s:LinearGradient rotation="90">
    <s:GradientEntry color="0x38A4CF"
         alpha="1" />
    <s:GradientEntry color="0x38A4CF"
         alpha="1" />
   </s:LinearGradient>
  </s:fill>
</s:Rect>
</s:SparkSkin>

进度条外部

<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
    minHeight="13" >

<fx:Script>
  override protected function initializationComplete():void
  {
   useChromeColor = true;
   super.initializationComplete();
  }
</fx:Script>

<s:Rect left="1" right="1" top="1" bottom="1"
   >
  <s:stroke>
   <s:SolidColorStroke color="0x939393" alpha="1" />
  </s:stroke>
</s:Rect>

<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="0xFFFFFF"
         alpha="1" />
   </s:LinearGradient>
  </s:fill>
</s:Rect>
</s:SparkSkin>

如果像要圆角的在<s:rect>里topLeftRadiusX="X" topLeftRadiusY="X" topRightRadiusX="X" topRightRadiusY="X"
bottomLeftRadiusX="X" bottomLeftRadiusY="X" bottomRightRadiusX="X" bottomRightRadiusY="X"