ok so I am building an app that needs two tab bars, and I was under
the assumption that the tab bars would return to the next line if it
was too large for the space...hence the post title...I though for an
instance about extending the TabBar component to try and create a
multiline tabBar, but(see title). So then I though ok I can create a
component that loops through my dataProvider array, assigning it to a
TabBar, checks the TabBar width against a set width, removes items
from the array until the bar is the right width, remove those items
from the original array, and repeat with a new TabBar. So here is my
attempt.
Needless to say, it doesn't work, and I feel like I am no where near a
solution. If anyone can help, or already has an exmple of a multiline
tabbar, that would be great.
Thanks,
Russ
I am trying to inplement this with mxml like:
<is:MultiLineTab dataProvider="{data}" width="350"/>
package com.infusion.view.components
{
import flash.display.Sprite;
import mx.collections.ArrayCollection;
import mx.controls.TabBar;
//import mx.core.UIComponent;
import mx.events.CollectionEvent;
import mx.events.ItemClickEvent;
public class MultiRowTabs extends Sprite
{
public var _dataProvider:ArrayCollection = new
ArrayCollection();
private var yPos:Number = 0;
public function MultiRowTabs()
{
trace("mrtInit");
//dataProvider = new ArrayCollection();
//_dataProvider.addEventListener(CollectionEvent.COLLECTION_CHANGE,
onChange);
}
private function click(e:ItemClickEvent):void{
trace("click");
}
private function onChange(dataProvider:ArrayCollection):void{
trace(dataProvider.toString());
var count:int = 0
var data:ArrayCollection = dataProvider;
while(count < dataProvider.length){
var dArray:Array = data.toArray();
var t:TabBar = new TabBar();
t.dataProvider = data;
t.addEventListener(ItemClickEvent.ITEM_CLICK,
click);
if(t.width > width){
for(var i:int=data.length; i>0 ; i--){
data.removeItemAt(i);
}
}
t.y = yPos;
addChild(t);
yPos += 30;
count += data.length;
dArray.splice(0,data.length);
data.source = dArray;
}
}
public function set dataProvider(dp:ArrayCollection):void{
//_dataProvider = dp;
trace("dp "+dp.toString());
onChange(dp);
}
}
}
