切换视图 [Flash Builder 4.5 - Flex Mobile]

Question

切换视图 [Flash Builder 4.5 - Flex Mobile]

3

我正在尝试构建一个应用程序，其中包含登录视图（无选项卡），用户提交“登录”后，它将切换到另一个主视图（带选项卡）。这可能吗？

目前，我选择了“Tabbed Application”作为应用程序模板。
为了隐藏选项卡栏，我尝试了以下方法：

protected function view1_activateHandler(event:Event):void
        {
            // TODO Auto-generated method stub
            this.tabBarVisible = false;
        }

..但是在运行应用程序时，隐藏具有下滑动画（这意味着它不会立即隐藏）
此外，如果切换到主视图，则登录选项卡（属于LoginView）按钮将显示在选项卡栏上，而我不希望如此。

还有其他方法吗？我对Flash Builder / Flex 4.5非常陌生... 帮帮我

我需要10个声望点才能发布图片 =。= 抱歉，我想发布截图以获得更好的理解。还差4个声望点):

- daney

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Chad · Accepted Answer

在登录前，您应该将视图元素中的tabBarVisible属性设置为false，并在登录后更改如下：

<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:s="library://ns.adobe.com/flex/spark"
    tabBarVisible="false"
    title="My View" />

当您想要显示视图时，只需通过将 this.tabBarVisible 设置为 true 来显示工具栏。

public function loginHandler():void {
    // Do login activities
    this.tabBarVisible = true;
}

以下是我在评论中提到的内容...

Main.mxml:

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
          xmlns:s="library://ns.adobe.com/flex/spark"
          xmlns:components="components.*"
          creationComplete="creationCompleteHandler(event)">
<fx:Script>
    <![CDATA[
        import mx.events.FlexEvent;

        private static var app:Main;

        public static function login():void {
            app.loginComponent.visible = false;
            app.navigator.visible = true;
        }

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

    ]]>
</fx:Script>

<components:LoginComponent id="loginComponent" left="0" right="0" top="0" bottom="0" />


<s:TabbedViewNavigator id="navigator" left="0" right="0" top="0" bottom="0" visible="false">
    <s:ViewNavigator id="testView1" width="100%" height="100%" label="Test 1" firstView="views.TestView1" />
    <s:ViewNavigator id="testView2" width="100%" height="100%" label="Test 2" firstView="views.TestView2" />
</s:TabbedViewNavigator>

我在这里做的是创建一个默认应用程序，其中包含一个简单的登录组件，如下所示...

LoginComponent.mxml：

<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
     xmlns:s="library://ns.adobe.com/flex/spark">
<fx:Script>
    <![CDATA[
        protected function login(event:MouseEvent=null):void {
            Main.login();
        }
    ]]>
</fx:Script>

<s:VGroup left="0" right="0" top="0" bottom="0" horizontalAlign="center" horizontalCenter="0"
          verticalAlign="middle" verticalCenter="0">
    <s:HGroup left="0" right="0" height="75" horizontalAlign="left" verticalAlign="middle">
        <s:Label text="User Name"/>
        <s:Spacer width="10" height="10"/>
        <s:TextInput id="usernameInput" width="200"/>
    </s:HGroup>
    <s:HGroup left="0" right="0" height="75" verticalAlign="middle">
        <s:Label text="Password"/>
        <s:Spacer width="18" height="10"/>
        <s:TextInput id="passwordInput" width="200" displayAsPassword="true" enter="login()"/>
    </s:HGroup>
    <s:HGroup left="0" right="0" height="75" verticalAlign="middle" horizontalAlign="center" gap="20">
        <s:Button label="Login" click="login(event)" id="btnLogin"/>        
    </s:HGroup>
</s:VGroup>

这使我能够拥有一个登录屏幕，我刚刚在一个组件中创建了它，并将其嵌入到主应用程序中作为启动屏幕，可以随意显示/隐藏 TabbedViewNavigator。我还没有尝试从一个应用程序启动到下一个应用程序启动，以查看状态如何维护（即，如果您想要一个持久的登录，您可能可以在创建完成处理程序中进行一些验证，但这取决于您的选择。