Custom bar thumb scroll

lov3.invisible

I have 1 question Scrollbar, when i setVerticalScrollBarThumbStyles function, i use thumb Button is 1 Scale3Textures, i see min, max when drag bar thumb is correct, but i user thumb Button is 1 Image( not scale3Image, scale9Image), min, max when drag bar thumb is wrong. Pls help me, see picture my update. Thanks all friends..

joshtynjala

Can you share some code, please? I'm afraid that I cannot tell what is happening based on your image.

lov3.invisible

I think i use bar thumb is circle, when i create list, circle is ellipses 🙁 , circle change height 🙁 i not use Themes

var list:List = new List();
list.width = 250;
list.height = 300;
this.addChild(list);
var arr:Array = [];
for (var i:int = 0; i < 100; i++)
{
	arr.push({text: "milk"});
}

var groceryList:ListCollection = new ListCollection(arr);
list.dataProvider = groceryList;
list.verticalScrollBarFactory = function():ScrollBar
{
	var scrollBar:ScrollBar = new ScrollBar();
	scrollBar.direction = ScrollBar.DIRECTION_VERTICAL;
	scrollBar.thumbFactory = function():Button
	{
		var button:Button = new Button();
		//skin the thumb here
		button.defaultSkin = new Image(assets.getTexture("bar_thum2")); //circle
		return button;
	}

	scrollBar.minimumTrackFactory = function():Button
	{
		var button:Button = new Button();
		//skin the minimum track here
		button.defaultSkin = new Image(assets.getTexture("bar_track"));
		return button;
	}

	//skin the scroll bar here
	scrollBar.trackLayoutMode = ScrollBar.TRACK_LAYOUT_MODE_SINGLE;
	return scrollBar;
}

joshtynjala

ScrollBar changes the size of the thumb to visually indicate how much of the region is scrollable. This is the same as most native scroll bars.

You could try using Slider instead. It implements the IScrollBar interface.