FLEX 界面跳转

最新推荐文章于 2022-03-16 16:59:03 发布

dawnpeak2010

最新推荐文章于 2022-03-16 16:59:03 发布

阅读量369

点赞数 1

CC 4.0 BY-SA版权

分类专栏： FLEX

本文链接：https://blog.youkuaiyun.com/dawnpeak2010/article/details/8942403

FLEX 专栏收录该内容

3 篇文章

订阅专栏

1、main.mxml代码如下：

<?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" xmlns:local="*"
      creationComplete="storeViews.selectedChild = login_m;">

<fx:Declarations>
  
</fx:Declarations>
<mx:ViewStack id="storeViews" width="100%" height="100%" creationPolicy="all">

  <s:NavigatorContent id="login_m" height="100%" width="100%">
   <local:login showEffect="WipeDown" hideEffect="WipeUp" verticalCenter="0" horizontalCenter="0" height="30%" width="30%"
       click="storeViews.selectedChild = home_m;" />
  </s:NavigatorContent>

  <s:NavigatorContent id="home_m" height="100%" width="100%">
   <local:home showEffect="WipeDown" hideEffect="WipeUp" verticalCenter="0" horizontalCenter="0" height="100%" width="100%"/>
  </s:NavigatorContent>

</mx:ViewStack>

</s:Application>

2、login.mxml home.mxml 为新建mxml组件

login代码：

<s:Panel id="panl_login" title="login" showEffect="WipeDown" hideEffect="WipeUp" verticalCenter="0" horizontalCenter="0" height="100%" width="100%">
  <s:Button>

  </s:Button>
</s:Panel>

</s:Group>

home.mxml代码：

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx=" http://ns.adobe.com/mxml/2009"
   xmlns:s="library://ns.adobe.com/flex/spark"
   xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="300">
<fx:Declarations>
  
</fx:Declarations>
<s:Panel id="panl_home" title="home" showEffect="WipeDown" hideEffect="WipeUp" verticalCenter="0" horizontalCenter="0" height="100%" width="100%">
  <s:Button>

  </s:Button>
</s:Panel>
</s:Group>