flex VSlider 滑竿（track）宽度的改变

最新推荐文章于 2019-04-28 23:00:00 发布

shanshazhe2

最新推荐文章于 2019-04-28 23:00:00 发布

阅读量1.5k

点赞数

本文链接：https://blog.youkuaiyun.com/shanshazhe2/article/details/8558339

版权

本文介绍如何通过自定义Flex框架中滑动条的轨道皮肤来改变滑动条轨道的宽度，包括创建两个自定义类HighWidthSliderSkin和WidthSliderSkin的具体实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    <mx:VSlider id="volumSlider" left="11" top="10" width="14" height="137" dataTipPrecision="0"
               maximum="100" minimum="0" showTrackHighlight="true" snapInterval="1"
               thumbSkin="@Embed(source='/assets/images/control.png')"
               trackHighlightSkin="com.webex.videosharing.skin.HighWidthSliderSkin"

trackSkin="com.xxx.xxx.xxx.WidthSliderSkin" value="50"/>

要想改变其滑竿的宽度也就是track的宽度必须自己写两个类替换默认的 trackSkin 和 trackHighSkin(高度的skin)

package com.xxx.xxx.xxx
{
   import flash.geom.Matrix;

   import mx.core.EdgeMetrics;
   import mx.skins.halo.SliderTrackSkin;

   public class HighWidthSliderSkin extends SliderTrackSkin
   {
       public function HighWidthSliderSkin()
       {
       }
       override public function get measuredWidth():Number
       {
           return 7;
       }

       override public function get measuredHeight():Number
       {
           return 7;
       }

       override public function get height():Number
       {
           return 7;
       }

       override protected function drawRoundRect(x:Number, y:Number, width:Number, height:Number, cornerRadius:Object=null, color:Object=null, alpha:Object=null, gradientMatrix:Matrix=null, gradientType:String="linear", gradientRatios:Array=null, hole:Object=null):void
       {

           super.graphics.beginFill(0x09A2E0,1);
           super.drawRoundRect(x, y-1, width,height,null,0x09A2E0 , 1, null, null, null, null);
           super.graphics.lineStyle(1,0x027FB8);
       }

   }

}

package com.xxx.xxx.xxx
{
   import flash.geom.Matrix;

   import mx.core.EdgeMetrics;
   import mx.skins.halo.SliderTrackSkin;

   public class WidthSliderSkin extends SliderTrackSkin
   {
       public function WidthSliderSkin()
       {

       }



       override public function get height():Number
       {

           return 7;
       }

       override public function get measuredHeight():Number
       {
           return 7;
       }

       override protected function drawRoundRect(x:Number, y:Number, width:Number, height:Number, cornerRadius:Object=null, color:Object=null, alpha:Object=null, gradientMatrix:Matrix=null, gradientType:String="linear", gradientRatios:Array=null, hole:Object=null):void
       {

           super.graphics.beginFill(0xE2E2E2)
           super.graphics.drawRect(x,y,width,height);
            super.graphics.lineStyle(1,0xE2E2E2);

           //super.drawRoundRect(x, y , width, height,null, 0xE2E2E2, alpha, null, null, null, null);
       }


   }
}