的Flex viewstack孩子includeIn工作搞笑

Question

我有我想要顯示/隱藏取決於狀態的應用程序是

<?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" 
       xmlns:eworx="com.eworx.*" 
       xmlns:view="com.eworx.view.*" 
       xmlns:components="com.eworx.view.components.*" 
       skinClass="com.eworx.view.skins.MainAppSkin" 
       xmlns:layouts="com.eworx.view.layouts.*" 
       currentState="login" 
       initialize="init(event)" 
       creationComplete="complete(event)" 
       width="100%" 
       height="100%"> 


    <fx:Style source="assets/css/screen.css" /> 
    <fx:Script> 
     <![CDATA[ 
      import mx.controls.Alert; 
      import mx.core.FlexGlobals; 
      import mx.events.FlexEvent; 

      import nl.demonsters.debugger.MonsterDebugger; 

      private var debugger:MonsterDebugger; 

      [Bindable] 
      public var apiUrl:String; 

      [Bindable] 
      public var customerType:String; 



      protected function init(event:FlexEvent):void 
      { 
       debugger = new MonsterDebugger(this); 
      } 

      protected function complete(event:FlexEvent):void 
      { 
       var activated:Boolean = FlexGlobals.topLevelApplication.parameters.activated; 
       var passwordReset:Boolean = FlexGlobals.topLevelApplication.parameters.passwordReset; 
       var message:String = FlexGlobals.topLevelApplication.parameters.message; 

       apiUrl = FlexGlobals.topLevelApplication.parameters.apiUrl; 

       if(activated) 
       { 
        Alert.show(message,"Notice"); 
       } 

       if(passwordReset) 
       { 
        Alert.show(message,"Notice"); 
       } 

       systemManager.addEventListener(MouseEvent.MOUSE_WHEEL,onMouseWheel,true); 

      } 

      private function onMouseWheel(e:MouseEvent):void 
      { 
       e.delta *= 5; 
      } 

     ]]> 
    </fx:Script> 

    <fx:Declarations> 
     <!-- Place non-visual elements (e.g., services, value objects) here --> 
     <eworx:Seven7Context contextView="{this}" /> 
     <s:Fade id="fadeIn" alphaFrom="0" alphaTo="1" duration="300" /> 
     <s:Fade id="fadeOut" alphaFrom="1" alphaTo="0" duration="300" /> 
     <s:Rotate3D id="r3d" angleYFrom="0" angleYTo="360" duration="300" /> 
    </fx:Declarations> 

    <s:states> 
     <s:State name="login" /> 
     <s:State name="wholesale" /> 
     <s:State name="retail" /> 
    </s:states> 

    <view:LoginForm id="loginForm" includeIn="login" horizontalCenter="0" verticalCenter="0" /> 

    <s:Group excludeFrom="login" width="960" horizontalCenter="0"> 

     <s:BitmapImage width="100%" height="42" x="13" y="80" source="@Embed('assets/garnish/bar.png')" /> 
     <mx:Image source="assets/garnish/logo.png" top="23" /> 

     <s:HGroup verticalAlign="middle" x="198" y="47"> 
      <s:TabBar skinClass="MainMenuTabBarSkin" dataProvider="{vs}" buttonMode="true"/> 
      <mx:LinkButton id="logout" label="Logout" click="{currentState='login'}" /> 
     </s:HGroup> 

     <s:HGroup top="0" right="0" gap="1" verticalAlign="top"> 
      <components:OfferList /> 
      <components:MarginBuildersTrack /> 
      <components:CartTrack top="0" /> 
     </s:HGroup> 

     <mx:ViewStack 
      id="vs" 
      top="120" 
      horizontalCenter="0" 
      width="960" 
      height="100%" 
      resizeToContent="true" > 
      <view:HomePage showEffect="{fadeIn}" hideEffect="{fadeOut}" label="Home" /> 
      <view:ShowroomPage showEffect="{fadeIn}" hideEffect="{fadeOut}" label="Showroom" /> 
      <view:CataloguePage showEffect="{fadeIn}" hideEffect="{fadeOut}" label="Catalogue" /> 
      <!--<view:IncentivesPage showEffect="{fadeIn}" hideEffect="{fadeOut}" label="Incentives" />--> 
      <view:RetailCustomerProfilePage includeIn="retail" showEffect="{fadeIn}" hideEffect="{fadeOut}" label="My Profile" /> 
      <view:WholesaleCustomerProfilePage includeIn="wholesale" showEffect="{fadeIn}" hideEffect="{fadeOut}" label="My Profile" /> 
      <view:ClientsPage excludeFrom="retail,login" showEffect="{fadeIn}" hideEffect="{fadeOut}" label="My Clients" /> 
      <view:CartPage showEffect="{fadeIn}" hideEffect="{fadeOut}" label="My Cart" /> 
      <view:OrdersPage showEffect="{fadeIn}" hideEffect="{fadeOut}" label="My Orders" /> 
     </mx:ViewStack> 
    </s:Group> 

</s:Application> 

，你可以看到我inlude零售客戶視圖在零售狀態兒童一個viewstack以及批發狀態下的批發客戶觀點。問題是，當我運行我的應用程序時，它們不會出現在兩種狀態中。

任何想法？

Answer 1

這對我來說很奇怪。 ViewStack的全部目的是一次只顯示一個項目。這是一個非常奇怪的方法。

我看到你有一個tabbar，其dataProvider是ViewStack。但是，您的ViewStack不是作爲組件的可綁定屬性創建的，而且您似乎從未設置過初始狀態。因此，我推斷，這種情況正在發生：

1. 在默認狀態下，這是空字符串
2. ViewSTack和/或的TabBar沒有這些孩子被初始化出於某種原因
3. 應用程序狀態的變化應用程序加載
4. TabBar不更新

CreationPolicy也可能會發揮作用，但我不確定。你必須通過代碼來弄清楚發生了什麼。我強烈建議你考慮一個替代方法。可能基於用戶安全設置或當前狀態手動創建tabbar導航器dataProvider。