使用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>

作为：

 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);
}