TabBar 隐藏掉ViewStack中的一项

阅读更多

Flex 中TabBar 和ViewStack 结合使用，如果ViewStack中的NavigatorContent 为includeInLayout 为false,现在也希望TabBar能够隐藏掉相应的button。现有的TabBar不能满足条件，只能继承来做一些修改。

package
{
	import mx.core.IVisualElement;
	
	import spark.components.TabBar;
	
	public class SuperTabBar extends TabBar
	{
		public function SuperTabBar()
		{
			super();
		}
		
		override public function updateRenderer(renderer:IVisualElement, itemIndex:int, data:Object):void
		{
			super.updateRenderer(renderer, itemIndex, data);
			const content:IVisualElement = getItemContent(itemIndex) as IVisualElement;
			if(content && !content.includeInLayout)
			{
				renderer.visible = false;
				renderer.includeInLayout = false;
                  if(itemIndex == 0)
				{
					itemSelected(1,true);
				}
			}
		}
		
		private function getItemContent(index:int):IVisualElement
		{
			if (!dataGroup || (index < 0) || (index >= dataGroup.numElements))
				return null;
			if(!dataGroup.dataProvider || index >= dataGroup.dataProvider.length)
				return null;
			return dataGroup.dataProvider.getItemAt(index) as IVisualElement;
		}
	}
}

 测试代码

 会发现ccc的button不会出现在tabBar中。