Flex开发中多个module之间切换,在一个module页面中切换到另外一个module

在最近的开发中,需要在代码中实现页面的是互相切换。并不需要通过Application界面进行切换,查阅了多个资料,发现实现的方法都不是简单易懂的,自己找了一下资料并研究发现,直接通过下述方法就可以直接进行module页面的切换。使用这种方法实现页面切换,页面间的值传递也相对简单。

实现方法:在一个module页面中,定义两个panel面板,也就是两个页面需要显示的内容。然后定义好每个页面panel面板的状态,定义好includeIn属性,两个页面的includeIn属性是不一样的,然后通过设定currentState来设定需要显示的是哪个页面。由于两个panel页面定义在一个module页面中,页面之间的传值简单易实现。

废话不多说,代码实现如下:



	
		
	
	
					public function modify():void
			{
				this.currentState='downloadState';
			}
			public function change():void
			{
				this.currentState='modifyState';
			}
		]]>
	
	 includeIn="modifyState">
		
			
				
					
					
					
					
					
				
			
			
				click="modify()"/>
			
		
	
	 includeIn="downloadState">
		
			
				
					
					
					
					
					
					
				
			
			
				click="change()"/>
			
		
	
	
		
		
	
标红的部分是现在这个功能的主要代码。通过修改this.currentState的值来确定需要显示的界面。

实现后的界面效果如下:

Flex开发中多个module之间切换,在一个module页面中切换到另外一个module_第1张图片

点击按钮之后,替换显示界面:

Flex开发中多个module之间切换,在一个module页面中切换到另外一个module_第2张图片

好的,搞定!


你可能感兴趣的:(Flex,Flex开发)