Force/override slider component thumb size

[RA-Ross]

I am attempting to reskin the AS3 Slider component to have a relatively "tall" draggable thumb graphic. However, the slider thumb always seems to be forcibly scaled down to 13x13 regardless of the size of the graphic. I'm currently using the drag-and-drop component on workspace method, and double-clicked the livepreview to change the skin pieces.

I've tried resizing the contents of the SliderThumb_*Skin (upSkin, downSkin, ...) symbols, the Slider component itself on the stage, and even the placeholders on the double-click skin organizer sheet. The height of the thumb object is not directly accessible (seems to be private). The translated position of the 13x13 thumb relative to the symbol center is preserved correctly... but the size seems to be stuck at 13x13.

Is there a workaround for this? I've searched and found a few Flex solutions having to do with overriding a measure() method or extending the class to hard-code a different height, but none of the corresponding classes (e.g. one site recommended extending mx.controls.sliderClasses.SliderThumb) seem to be accessible within the Flash AS3 implementation of the components.

[MicroAngelo_UK · Accepted solution]

Hi Ross,

I had the same problem...it's a shame this isn't more easy to change. This is how I did it:

Sprite(mySlider.getChildAt(1)).height=Sprite(mySlider.getChildAt(1)).width=26;

While you're there, I find that this one is helpful too:

Sprite(mySlider.getChildAt(1)).useHandCursor = true;

HTH,

MicroAngelo

PS How weak are these forum editors? Come on Adobe! Code Paste Bins are a minimum requirement, and where's the UI testing?

[RA-Ross]

Yep, that did it. The hand cursor helped a good deal too, it makes the controls more clearly interactable.

Thanks!

[lumenmedia]

Very helpful to me as well 5 years later!

[Gh-Afg]

Me too!