MXML里跳页面

最新推荐文章于 2019-03-13 16:37:18 发布

原创最新推荐文章于 2019-03-13 16:37:18 发布 · 149 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Flex #HTML #Adobe #IDEA #XML

flex 专栏收录该内容

20 篇文章

订阅专栏

本文介绍Adobe Flex中MXML页面间的跳转方法及ViewStack组件的应用技巧，包括如何通过navigateToURL进行页面跳转及ViewStack实现模块间切换。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">	
	<mx:Script>
		<![CDATA[
			function skip_html_localhost(){
				//var url:String="/test/index.html";//跳HTML
				var url:String="viewStack.html";//跳MXML
，swf文件（这里是编译后的HTML）				var request:URLRequest=new URLRequest(url);
				navigateToURL(request);
			}
		]]>
	</mx:Script>

	<mx:Panel x="233" y="247" title="跳转页面（本地）">
		<mx:Button label="skip" click="skip_html_localhost();"/>
	</mx:Panel>
</mx:Application>

MXML里跳页面

private function login():void{navigateToURL(newURLRequest("/test/flex/Login.html"),"_self");
}

上面跳转URL指向的必须是 MXML Application

如果是Module还可以用viewStack来实现

<mx:ViewStack id="views" creationPolicy="all" width="100%" height="80%">
	<mx:ViewStack id="theNULL">
		
	</mx:ViewStack>
	<animal:Animal id="animalView" showEffect="WipeDown" hideEffect="WipeUp" width="100%" height="100%"/>
	<artefact:Artefact id="artefactView" showEffect="WipeDown" hideEffect="WipeUp"/>
	<house:House id="houseView" showEffect="WipeDown" hideEffect="WipeUp"/>
	<insect:Insect id="insectView" showEffect="WipeDown" hideEffect="WipeUp"/>
	<mountain:Mountain id="mountainView" showEffect="WipeDown" hideEffect="WipeUp"/>
	<tree:Tree id="treeView" showEffect="WipeDown" hideEffect="WipeUp"/>
	
	<animal:AnimalType id="animalTypeView" showEffect="WipeDown" hideEffect="WipeUp"/>
	<artefact:ArtefactType id="artefactTypeView" showEffect="WipeDown" hideEffect="WipeUp"/>
</mx:ViewStack>


private function changeView():void{
	views.selectedChild=animalView;				
}