radioButton切换页签TabNavigator -CSDN博客

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<s:layout>
  <s:HorizontalLayout/>
</s:layout>
<fx:Declarations>
  
  <mx:RadioButtonGroup id="myRadios"/>
</fx:Declarations>

<fx:Script>
  <![CDATA[
   private function onClick(event:MouseEvent):void{
    var radio:RadioButton = event.currentTarget as RadioButton;
    if (radio.id=="num"){
     trace("num");
     Tnum.visible=true;
     Tzimu.visible=false;
    }else{
     trace("zimu");
     Tnum.visible=false;
     Tzimu.visible=true;
    }
   }
  ]]>
</fx:Script>
<mx:Panel width="100%">
  <mx:VBox width="100%">
   <mx:HBox width="100%">
    <mx:RadioButton group="{myRadios}" id="num" click="onClick(event)"/><mx:RadioButton group="{myRadios}" click="onClick(event)" id="zimu"/>
   </mx:HBox>
   <mx:HBox width="100%">
    <mx:VBox width="100%" height="100%">


     <mx:TabNavigator id="Tnum" includeInLayout="{Tnum.visible}" width="100%" height="100%">
      <mx:VBox id="n1" label="111"><mx:Label text="111"/></mx:VBox>
      <mx:VBox id="n2" label="222"><mx:Label text="222"/></mx:VBox>
      <mx:VBox id="n3" label="333"><mx:Label text="333"/></mx:VBox>
     </mx:TabNavigator>

     <mx:TabNavigator id="Tzimu" includeInLayout="{Tzimu.visible}" visible="false" height="100%" width="100%">
      <mx:VBox id="aaa" label="aaa" visible="false"><mx:Label text="aaa"/></mx:VBox>
      <mx:VBox id="bbb" label="bbb" visible="false"><mx:Label text="bbb"/></mx:VBox>
      <mx:VBox id="ccc" label="ccc" visible="false"><mx:Label text="ccc"/></mx:VBox>
     </mx:TabNavigator>


    </mx:VBox>
   </mx:HBox>
  </mx:VBox>
</mx:Panel>
</s:Application>