Flash, ActionScript, Flash SEO

Skinning Slider Component

In a comment on my previous post [AS3] Skinning Flash Components I was asked to show how to change the size of the thumb of the Slider component. After some experiments with the component here is the way it can be done:

import fl.controls.Slider;
 
var s:Slider = new Slider();
s.move(10,10);
s.setSize(500,300);
/*s.setStyle("thumbUpSkin", SliderThumbCustomSkin);
s.setStyle("thumbDownSkin", SliderThumbCustomSkin);
s.setStyle("thumbOverSkin", SliderThumbCustomSkin);*/
s.maximum = 100;
s.minimum = 0;
s.tickInterval = 5;
addChild(s);
s.getChildAt(1).width = 50;
s.getChildAt(1).height = 100;

With the code above I found that the thumb of the Slider component is positioned at index 1 and can be reached by s.getChildAt(1) (where s is the instance of the Slider component). Then you can easily change its properties like Width, Height, etc.

Here is the list of the styles that can be used for skinning a Slider component:

Slider component styles

sliderTrackDisabledSkin

sliderTrackSkin

thumbDisabledSkin

thumbDownSkin

thumbOverSkin

thumbUpSkin

tickSkin

This entry was posted on Tuesday, May 5th, 2009 at 23:33 and is filed under Problems. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.