Flex页面的切换

目前学习到的方法主要有下面几种:
1.navigateToURL 通过设定URL路径,进行页面切换
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
    <![CDATA[
        private function Link():void{
            var url:String="http://127.0.0.1:8080/Login/bin-debug/Login.html";//设置路径
            var request:URLRequest=new URLRequest(url);
            navigateToURL(request,"_top");//"_top"表示在当前页面显示,"_bank"在新页面显示
        }
    ]]>
</mx:Script>
    <mx:Button x="94" y="80" label="LoginLink" click="Link()"/>
</mx:Application>

2.利用ViewStack实现

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:ViewStack id="VS" width="183" height="282" x="171" y="36">
    <mx:Canvas id="P">
        <mx:Button label="Next" click="VS.selectedChild=N" x="43" y="89" width="75" height="39" fontSize="12"/>
    </mx:Canvas>
    <mx:Canvas id="N">
        <mx:Button label="Pre" click="VS.selectedChild=P"  x="54.5" y="67" width="73" height="52" fontSize="12"/>
    </mx:Canvas>
</mx:ViewStack>
</mx:Application>

3.State (登陆框的主要代码)
<!--初始页面为login-->
    <mx:Panel x="228" y="35" width="250" height="275" layout="absolute" title="LOGIN FORM" fontSize="12" id="panel1">
        <mx:Label x="10" y="10" text="User Id:" fontSize="10" id="label2"/>
        <mx:TextInput x="10" y="27" id="usr_id"/>
        <mx:Label x="10" y="70" text="Password:" fontSize="10" id="label1"/>
        <mx:TextInput x="10" y="96" id="usr_pass" displayAsPassword="true"/>
        <mx:Button x="10" y="147" label="Submit" click="login.send()" id="button1"/>
        <mx:ControlBar height="36" y="207" id="controlbar1">
            <mx:LinkButton label="Register" click="currentState='Register'" id="linkbutton1"/>
        </mx:ControlBar>
    </mx:Panel>
<!--设置页面register-->
<mx:states>
    <mx:State name="Register">
        <mx:RemoveChild target="{label2}"/>
        <mx:RemoveChild target="{usr_id}"/>
        <mx:RemoveChild target="{label1}"/>
        <mx:RemoveChild target="{usr_pass}"/>
        <mx:RemoveChild target="{button1}"/>
        <mx:SetProperty target="{panel1}" name="height" value="353"/>
        <mx:AddChild relativeTo="{controlbar1}" position="before">
            <mx:Label x="10" y="10" text="Register ID:" fontSize="10"/>
        </mx:AddChild>
        <mx:AddChild relativeTo="{controlbar1}" position="before">
            <mx:TextInput x="10" y="36" id="rs_id"/>
        </mx:AddChild>
        <mx:AddChild relativeTo="{controlbar1}" position="before">
            <mx:Label x="10" y="68" text="Register Name:" fontSize="10"/>
        </mx:AddChild>
        <mx:AddChild relativeTo="{controlbar1}" position="before">
            <mx:TextInput x="10" y="94" id="rs_name"/>
        </mx:AddChild>
        <mx:AddChild relativeTo="{controlbar1}" position="before">
            <mx:Label x="10" y="126" text="Password:" fontSize="10"/>
        </mx:AddChild>
        <mx:AddChild relativeTo="{controlbar1}" position="before">
            <mx:TextInput x="10" y="152" id="rs_pass" displayAsPassword="true"/>
        </mx:AddChild>
        <mx:AddChild relativeTo="{controlbar1}" position="before">
            <mx:Label x="10" y="184" text="Repeat Password:" fontSize="10"/>
        </mx:AddChild>
        <mx:AddChild relativeTo="{controlbar1}" position="before">
            <mx:TextInput x="10" y="210" id="rs_password" displayAsPassword="true"/>
        </mx:AddChild>
        <mx:AddChild relativeTo="{controlbar1}" position="before">
            <mx:Button x="10" y="251" label="Register" click="register.send()"/>
        </mx:AddChild>
        <mx:SetProperty target="{linkbutton1}" name="label" value="Login"/>
        <mx:SetEventHandler target="{linkbutton1}" name="click" handler="currentState=''"/>
    </mx:State>
</mx:states>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值