탐색기보기 특정 탭 숨기기 TabBar 아니요

Question

보기 탐색기를 정의하고 특정 사용자 상태에 따라 일부를 선택적으로 숨길 수 있는지 파악하려고합니다.

예를 들어 로그인 탭인 두 개의 탐색기 탭과 다른 하나는 사용자 정책을 보여줍니다. 내가 연구 한

<s:ViewNavigator id="signInTab" width="100%" height="100%" firstView="views.SignInView"> 
    <s:navigationContent> 
     <s:Button id="signInTabButton" icon="@Embed('images/lockSmall.png')" click="tabButton_clickHandler(event)" /> 
    </s:navigationContent> 
</s:ViewNavigator> 

모든 전체 탭 표시 줄을 숨기고 날 포인트 : 탭

<s:ViewNavigator id="policyTab" width="100%" height="100%" firstView="views.policy.PoliciesView"> 
    <s:navigationContent> 
     <s:Button id="policyTabButton" label="Policies" click="tabButton_clickHandler(event)" /> 
    </s:navigationContent> 
</s:ViewNavigator> 

로그인 네비게이터는 : 사용자가 로그인 한 경우 난 단지 정책 탭이 표시되고 싶어 나는하고 싶지 않습니다. 간단하게 signInTab.visible = false를 호출 해 보았습니다. 하지만 작동하지 않습니다.

도움을 주시면 감사하겠습니다.

Answer 1

TabbedViewNavigator의 내용을 숨길 수는 없지만 탭을 숨기려면 내용을 조정할 수있는 또 다른 방법이 있습니다. 기본적으로 TabbedViewNavigator에서 탭을 제거하여 숨기거나 다시 추가하여 다시 표시 할 수 있습니다. 나는 당신이 요구하는 것을하는 것처럼 보이는 아주 간단한 예를 생각해 냈습니다.

TabbedViewNavTest.mxml :

<?xml version="1.0" encoding="utf-8"?> 
<s:TabbedViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
            xmlns:s="library://ns.adobe.com/flex/spark" 
            applicationDPI="160" 
            preinitialize="preinitializeHandler(event)"> 
    <fx:Script> 
     <![CDATA[ 
      import mx.events.FlexEvent; 

      import views.Tab2View; 

      private static var app:TabbedViewNavigatorApplication; 

      public static function adjustTabBar():void { 
       if(app.navigators.length > 1) { 
        removeTab2(); 
       } else { 
        addTab2(); 
       } 
      } 

      private static function removeTab2():void { 
       app.tabbedNavigator.removeItemAt(1); 
      } 

      private static function addTab2():void { 
       var tab2:ViewNavigator = new ViewNavigator(); 
       tab2.label = "Tab2"; 
       tab2.percentWidth = 100; 
       tab2.percentHeight = 100; 
       tab2.firstView = Tab2View; 
       app.tabbedNavigator.addItemAt(tab2, 1); 
      } 

      protected function preinitializeHandler(event:FlexEvent):void { 
       app = this; 
      } 

     ]]> 
    </fx:Script> 

    <s:ViewNavigator id="tab1" label="Tab1" width="100%" height="100%" firstView="views.Tab1View"/> 
    <s:ViewNavigator id="tab2" label="Tab2" width="100%" height="100%" firstView="views.Tab2View"/> 

</s:TabbedViewNavigatorApplication> 

Tab1View.mxml :

<?xml version="1.0" encoding="utf-8"?> 
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
     xmlns:s="library://ns.adobe.com/flex/spark" 
     title="Tab1"> 

    <fx:Script> 
     <![CDATA[ 
      protected function showHideButton_clickHandler(event:MouseEvent):void { 
       TabbedViewNavTest.adjustTabBar(); 
      } 
     ]]> 
    </fx:Script> 

    <s:Button id="showHideButton" label="Click Me!" click="showHideButton_clickHandler(event)" /> 
</s:View> 

Tab2View 내가 프로젝트를 만들 때 생성 된 단지 빈이다.

이 작업은 필요한 작업을 수행해야하지만 수행하려고 시도하는 작업을 수행하는 더 좋은 방법이 있는지 궁금합니다. 예를 들어 사용자가 처음 로그인 할 때 사라지는 로그인 탭을 표시 한 경우 notLoggedIn 및 loggedIn이라는 두 가지 상태로 일반 응용 프로그램으로 응용 프로그램을 만들 수 있습니다. notLoggedIn 상태에서는 로그인 화면을 표시하는보기 표시 만 있거나 로그인 및 정책 탭이있는 tabbedViewNavigator 표시 만 있습니다. 로그인 한 상태에서는 별도의 tabbedViewNavigator가 있습니다.이 탭에는 정책 탭만 있거나 사용자가 로그인 할 때 사용할 수있는 다른 탭이 있습니다. 내가 원하는 것을 보여주기를 원한다면 알려주세요. 그.