使用 ViewStack 的 Flex 动态选项卡

Question

我在创建动态选项卡时遇到问题 这是我的代码：

mxml:

<s:TabBar x="1" y="1" height="32" width="100%" dataProvider="{tabHolder}" chromeColor="#EF8B01"/>
    <mx:ViewStack x="2" y="34" id="tabHolder" width="100%" height="214" creationPolicy="all">        
        <s:NavigatorContent label="Home" width="100%" height="100%">
            <mx:Image x="6" y="8" height="181" width="402"/>
        </s:NavigatorContent>           
    </mx:ViewStack>

as:

 var newTab:NavigatorContent = new NavigatorContent();
            newTab.label = "Dynamic";                                   
            var lab:Label = new Label();
            lab.text = "Dynamic context";                                   
            newTab.addChild(lab);

            tabHolder.addChild(newTab);

未添加选项卡，出了什么问题？

Answer 1

以下内容对我有用。我唯一改变的是使用 addElement() 方法而不是 addChild() 将选项卡添加到视图堆栈。

MXML：

<mx:Button id="myButton" label="Add Tab" click="myButton_clickHandler(event)" />
<s:TabBar x="1" y="31" height="32" width="100%" dataProvider="{tabHolder}" chromeColor="#EF8B01"/>
<mx:ViewStack x="2" y="64" id="tabHolder" width="100%" height="214" creationPolicy="all">        
  <s:NavigatorContent label="Home" width="100%" height="100%">
    <mx:Image x="6" y="8" height="181" width="402"/>
  </s:NavigatorContent>           
</mx:ViewStack>

ActionScript：

protected function myButton_clickHandler(event:MouseEvent):void
{
  var newTab:NavigatorContent = new NavigatorContent();
  newTab.label = "Dynamic";                                   
  var lab:Label = new Label();
  lab.text = "Dynamic context";                                   
  newTab.addElement(lab);
  tabHolder.addElement(newTab);
}