下面是显示两个View的ViewStack
使用ButtonBar设置View切换
<?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" xmlns:views="views.*" creationComplete="init()"> <fx:Script> <![CDATA[ import mx.controls.Alert; import mx.events.IndexChangedEvent; protected function init():void { stack.addEventListener(IndexChangedEvent.CHANGE,Stack_ItemChanged_Call); } protected function Stack_ItemChanged_Call(event:IndexChangedEvent):void { var related:Object = event.relatedObject; Alert.show(" Old Index:"+event.oldIndex.toString()+"\n New Index:"+ event.newIndex.toString()+"\n Label:"+related.label); } ]]> </fx:Script> <fx:Declarations> </fx:Declarations> <s:Panel id="mix" verticalCenter="0" horizontalCenter="0" title="Mix" width="450" height="300"> <!--使用默认设定--> <s:ButtonBar dataProvider="{stack}"/> <mx:ViewStack id="stack" x="20" y="20" width="400" height="200"> <views:TVView label="TV"/> <views:ComputerView label="Computer"/> </mx:ViewStack> </s:Panel> </s:Application>
手动设置实现View切换
<?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" xmlns:views="views.*" creationComplete="init()"> <fx:Script> <![CDATA[ import mx.controls.Alert; import mx.events.IndexChangedEvent; protected function init():void { Cmd_Tv.addEventListener(MouseEvent.CLICK,Cmd_Tv_Clicked_Call); Cmd_Com.addEventListener(MouseEvent.CLICK,Cmd_Com_Clicked_Call); stack.addEventListener(IndexChangedEvent.CHANGE,Stack_ItemChanged_Call); } protected function Stack_ItemChanged_Call(event:IndexChangedEvent):void { var related:Object = event.relatedObject; Alert.show(" Old Index:"+event.oldIndex.toString()+"\n New Index:"+ event.newIndex.toString()+"\n Label:"+related.label); } protected function Cmd_Tv_Clicked_Call(event:Event):void { // 通过结点设定 stack.selectedChild =TVstack ; // 通过索引设定 stack.selectedIndex = 0; } protected function Cmd_Com_Clicked_Call(event:Event):void { stack.selectedChild =Comstack ; stack.selectedIndex = 1; } ]]> </fx:Script> <fx:Declarations> </fx:Declarations> <s:Panel id="mix" verticalCenter="0" horizontalCenter="0" title="Mix" width="450" height="300"> <s:layout> <s:VerticalLayout paddingLeft="20" paddingRight="20" paddingTop="10"/> </s:layout> <s:HGroup> <s:Button label="TV" id="Cmd_Tv"/> <s:Button label="Com" id="Cmd_Com"/> </s:HGroup> <mx:ViewStack id="stack" width="400" height="200"> <views:TVView id="TVstack" label="TV"/> <views:ComputerView id="Comstack" label="Computer"/> </mx:ViewStack> </s:Panel> </s:Application>
使用的两个VIew如下
<?xml version="1.0" encoding="utf-8"?> <s:NavigatorContent 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="100%" height="100%"> <fx:Declarations> <!-- Place non-visual elements (e.g., services, value objects) here --> </fx:Declarations> <s:Panel title="TVs" width="100%" height="100%"> <s:layout> <s:VerticalLayout paddingTop="20" paddingBottom="20" paddingLeft="20" paddingRight="20"/> </s:layout> <s:Group width="100%" enabled="false"> <s:TextInput width="100%"/> <s:Button label="Search for channel"/> </s:Group> <s:Line width="100%"/> <s:Spacer height="10"/> <s:Label text="There are no channels avaiable."/> </s:Panel> </s:NavigatorContent>
<?xml version="1.0" encoding="utf-8"?> <s:NavigatorContent 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="100%" height="100%"> <fx:Declarations> <!-- Place non-visual elements (e.g., services, value objects) here --> </fx:Declarations> <s:Panel title="Computer" width="100%" height="100%"> <s:layout> <s:VerticalLayout paddingTop="20" paddingBottom="20" paddingLeft="20" paddingRight="20"/> </s:layout> <s:Group width="100%" enabled="false"> <s:TextInput width="100%"/> <s:Button label="Search for IBM Machine"/> </s:Group> <s:Line width="100%"/> <s:Spacer height="10"/> <s:Label text="You can't afford a IBM..."/> </s:Panel> </s:NavigatorContent>
相关推荐
使用viewstack切换登录的简单例子
Flex 实现viewstack简单切换。
flex开发中的一些小例子,这个是用viewstack控件开发的跳转功能
我跟WonJia打算写一个类似于《Flex编程注意之XX》的系列文章,此系列文章主要就是介绍一些我们在实际的项目中发现的一些Flex的问题,而这些问题可能已经被人发现了,也可能没被人发现,所以在此记录一下。
文件有两个文档组成,Rotate3D.mxml为主文件,DistortionEffects.swc拷贝到libs下面,运行主文件即可,已经调试没有问题了,实现了ViewStack 切换的3D效果,很实用,不需要琐碎的代码,一看就懂!flex4也OK!
Table of Contents ...8.1基本组件使用[Tree,datagrid,TitleWindow,ViewStack] 40 8.2读写XML 40 8.3读写ShareObject 40 8.4 BlazeDS配置及使用 40 8.5 回溯 40 8.6 Event 40 8.7 代码优化 40 8.8 Demo 40
MXViewStackEffectExample FLEX切换效果
下载后,新建Flex Web工程,然后将文件按照文件夹结构拷贝进去后,编译,运行即可。但是主文件只需要拷贝内容,工程名字需要命名为testDemo。 功能包括 ViewStack的画面迁移 画面popup表示 鼠标在一览中滑动的事件...
12.7节在Flex Effect里使用DisplacementMapFilter过滤器 12.8节创建AnimateColor 特效 12.9节使用Convolution Filter创建渐变效果 第十三章. 集合(439) 13.1节. 为ArrayCollection添加,排序和获取数据 13.2节. ...
flex组件之容器类组件实例源码,包括according、viewstack等20个实例
<mx:ViewStack id="viewStack" width="100%" height="75%" creationComplete="showData()" change="viewChanged(event)"> </mx:Box> </mx:ViewStack> ()"> <!--...
Efflex 。 提供多种 Flash 的 Canvas / Viewstack 的切换特效。 包括 3D 特效等。
1. a book Developing Flex Applications 2. a web page viewer for doc88 ebt 3. a DDA downloader for doc88.com CONTENTS PART I: Presenting Flex CHAPTER 1: Introducing Flex. . . . . . . . . . . . . . ...
在flex中切换界面很简单 大致有以下方式 1、viewStack切换,适合于模块内的界面切换 2、tab切换,适合于模块内的界面切换 3、使用module切换,适合于模块间的界面切换(就是不同的swf文件之间切换) 1和2 两种切换...
在flex中切换界面很简单 大致有以下方式 1、viewStack切换,适合于模块内的界面切换 2、tab切换,适合于模块内的界面切换 3、使用module切换,适合于模块间的界面切换(就是不同的swf文件之间切换) 1和2 两种切换...