- 浏览: 235921 次
- 性别:
- 来自: 北京
最新评论
-
LoveJavaMM:
[color=red][/color]为什么我的自定义组建不出 ...
跟我StepByStep学FLEX教程------Demo6之自定义事件&自定义组件 -
wangsiaofish:
auditionlsl 写道在使用Flex4时:
代码:cre ...
跟我StepByStep学FLEX教程------Demo5之事件Event -
wangsiaofish:
成功,perfect.
跟我StepByStep学FLEX教程------Demo7之页面跳转 -
happyzjj:
感谢楼主的共享,很受用
跟我StepByStep学FLEX教程------结束语 -
娇雨zj:
请问:我用第二种绑定了数据,BindingUtils.bind ...
跟我StepByStep学FLEX教程------Demo4之进度条数据绑定
跟我StepByStep学FLEX教程------Demo7之页面跳转
说明:该文系作者原创,请勿商用或者用于论文发表,转载必须经作者同意并且注明出处。
Flex中的页面跳转。之所以要讲这个,因为Flex的页面跳转有很多种方式,而且和传统的jsp页面跳转或者C/S方式都有一定的区别。
现在所讲的只是FLEX本身特色的几种方式(自然,还有其它方式)。
先看一下Demo的界面:
从界面就可以看出,该Demo演示了3种方式的页面跳转方式:
1、ViewStack方式;
2、NavigatorToUrl方式(这个函数还可以调用javascript,呵呵);
3、LoadModule方式;
可以说,每种方式都有各自的优缺点,FLEX的页面跳转方式也可以使用其它方式,特别是在项目中的页面跳转方式更要结合采用的框架本身来进行确定,这个以后的高级应用中会具体介绍。
源码如下,读者可以编码体验一下:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#0CBCC7, #C8F806]" creationComplete="init()">
<mx:Script>
<![CDATA[
import module.MultiWinModule;
import mx.modules.Module;
import mx.events.ModuleEvent;
import mx.modules.ModuleManager;
import mx.modules.IModuleInfo;
protected var moduleInfo:IModuleInfo;
private function init():void {
//创建module(此处只创建,不load)
moduleInfo = ModuleManager.getModule("module/MultiWinModule.swf");
//注册ready监听
moduleInfo.addEventListener(ModuleEvent.READY, onModuleReady);
moduleInfo.addEventListener(ModuleEvent.ERROR, onModuleLoadError);
}
protected function getModuleInfo ():IModuleInfo {
//返回创建的module对象
return moduleInfo;
}
private function loadModule() : void {
//load module
getModuleInfo().load();
}
private function unloadModule() : void {
//unload module
testModuleTile.removeAllChildren();
getModuleInfo().release();
}
private function onModuleReady(e:ModuleEvent):void {
//currentTarget类型匹配转换
var moduleInfo:IModuleInfo = e.currentTarget as IModuleInfo;
//module显示列表
testModuleTile.addChild(moduleInfo.factory.create() as MultiWinModule);
}
private function onModuleLoadError(e:ModuleEvent):void {
}
private function navigatorToPage():void
{
//调用创建的flex页面
// var javaeyeUrl:URLRequest = new URLRequest("page/NavigatePage.swf");
//调用URL(或者其它jsp页面)
var javaeyeUrl:URLRequest=new URLRequest("http://wangyisong.iteye.com");
navigateToURL(javaeyeUrl,"_top");
}
]]>
</mx:Script>
<!--viewStack-->
<mx:Panel title="多窗口方式一:ViewStack" height="209" width="429"
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10" fontSize="12" fontWeight="bold" fontStyle="normal" backgroundColor="#F63B09" x="10" y="22" backgroundAlpha="0.5">
<mx:HBox borderStyle="solid" width="388" paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5" fontSize="16">
<mx:Button id="searchButton" label="Search Panel"
click="myViewStack.selectedChild=search;" fontSize="12" fontFamily="Times New Roman"/>
<mx:Button id="cInfoButton" label="Customer Info Panel"
click="myViewStack.selectedChild=custInfo;" fontSize="12" fontFamily="Times New Roman"/>
<mx:Button id="aInfoButton" label="Account Panel"
click="myViewStack.selectedChild=accountInfo;" fontSize="12" fontFamily="Times New Roman" width="102"/>
</mx:HBox>
<mx:ViewStack id="myViewStack" borderStyle="solid" width="387" height="103">
<mx:Canvas id="search" backgroundColor="#FFFFCC" label="Search" width="100%" height="100%" fontSize="12" fontFamily="Times New Roman">
<mx:Label text="Search Screen" color="#000000"/>
</mx:Canvas>
<mx:Canvas id="custInfo" backgroundColor="#CCFFFF" label="Customer Info" width="100%" height="100%" fontSize="12" fontFamily="Times New Roman">
<mx:Label text="Customer Info" color="#000000"/>
</mx:Canvas>
<mx:Canvas id="accountInfo" backgroundColor="#FFCCFF" label="Account Info" width="100%" height="100%" fontSize="12" fontFamily="Times New Roman">
<mx:Label text="Account Info" color="#000000"/>
</mx:Canvas>
</mx:ViewStack>
</mx:Panel>
<!--navigateToURL-->
<mx:Label x="21" y="252" text="多窗口方式二:NavigatorToUrl" fontSize="12" fontWeight="bold"/>
<mx:LinkButton y="247" label="http://wangyisong.iteye.com" click="navigatorToPage()" x="216" fontSize="16" fontFamily="Times New Roman" color="#0A1BF8" width="223"/>
<!--loadModule-->
<mx:Panel title="多窗口方式三:LoadModule" x="10" y="285" width="429" height="250" layout="absolute" fontSize="12" backgroundColor="#F0F80A" backgroundAlpha="0.5">
<mx:Tile id="testModuleTile" width="409" height="170" y="0" x="0">
</mx:Tile>
<mx:Button x="76" y="178" label="加载" click="loadModule()"/>
<mx:Button x="223" y="178" label="卸载" click="unloadModule()"/>
</mx:Panel>
</mx:Application>
评论
<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="180">
<mx:Panel x="10" y="10" width="165" height="120" layout="absolute">
<mx:Button x="45.5" y="10" label="Button" fontSize="13"/>
<mx:Label x="38" y="44" text="Test Module" fontSize="14"/>
</mx:Panel>
<mx:Panel x="200" y="10" width="172" height="120" layout="absolute">
<mx:Button x="45.5" y="10" label="Button" fontSize="13"/>
<mx:Label x="38" y="44" text="Test Module" fontSize="14"/>
</mx:Panel>
</mx:Module>
作者忘了贴了吧?
我也想知道,在哪啊?
自己建了个MultiWinModule MXML Module,按照图上的控件给布置了下,还出来效果啦~
我也想知道,在哪啊?
1118: 属于 static 类型 Object 的值的隐式强制指令的目标可能是非相关类型 flash.display:DisplayObject。 main.mxml 9Demo7/src 第 41 行 Flex 问题
2:描述 资源 路径 位置 类型
1120: 访问的属性 MultiWinModule 未定义。 main.mxml 9Demo7/src 第 41 行 Flex 问题
这个在哪里啊?
[asdf]
[asdf]
[asdf]
[asdf]
发表评论
-
跟我StepByStep学FLEX教程------读者答疑
2010-07-14 09:56 2368跟我StepByStep学FLEX教程------读者答疑 ... -
跟我StepByStep学FLEX教程------结束语
2009-09-15 11:56 2556跟我StepByStep学FLEX教程系列教程就暂 ... -
跟我StepByStep学FLEX教程------PDF版
2009-09-15 11:43 23042跟我StepByStep学FLEX教程------PDF版 ... -
跟我StepByStep学FLEX教程------贵在坚持
2009-09-15 10:53 2429跟我StepByStep学FLEX教程------贵在坚持 ... -
跟我StepByStep学FLEX教程------版权声明
2009-09-15 10:17 2335跟我StepByStep学FLEX教程------版权声明 ... -
跟我StepByStep学FLEX教程------Cairngorm之Command部分
2009-09-09 17:31 2411跟我StepByStep学FLEX教程------Cairng ... -
跟我StepByStep学FLEX教程------Cairngorm之核心控制流程
2009-09-09 16:40 2522跟我StepByStep学FLEX教程-- ... -
跟我StepByStep学FLEX教程------Cairngorm之Model Locator
2009-08-18 11:45 3151跟我StepByStep学FLEX教程-- ... -
跟我StepByStep学FLEX教程------Cairngorm之代码结构
2009-08-18 11:27 2567跟我StepByStep学FLEX教程------Cairng ... -
跟我StepByStep学FLEX教程------Demo15之Cairngorm
2009-08-10 15:45 2595跟我StepByStep学FLEX教程------Demo15 ... -
跟我StepByStep学FLEX教程------Cairngorm之环境准备
2009-08-06 15:01 4140跟我StepByStep学FLEX教程------Cairng ... -
跟我StepByStep学FLEX教程------Cairngorm之组成部分
2009-08-05 10:31 3035跟我StepByStep学FLEX教程------Cairng ... -
跟我StepByStep学FLEX教程------MVC
2009-07-28 10:41 2886跟我StepByStep学FLEX教程------MVC ... -
跟我StepByStep学FLEX教程------Caringorm之简介
2009-07-27 11:50 3370跟我StepByStep学FLEX教程------Caring ... -
跟我StepByStep学FLEX教程------Demo14Flex+Spring+Hibernate整合
2009-07-14 13:29 4764跟我StepByStep学FLEX教程------Demo14 ... -
跟我StepByStep学FLEX教程------Flex之Hibernate
2009-07-08 11:46 3239跟我StepByStep学FLEX教程------Flex之H ... -
跟我StepByStep学FLEX教程------Demo13之Flex访问数据库
2009-07-07 11:01 5222跟我StepByStep学FLEX教程-- ... -
跟我StepByStep学FLEX教程------访问数据库之hsqldb
2009-07-06 11:16 3578跟我StepByStep学FLEX教程------访问数据库之 ... -
跟我StepByStep学FLEX教程------访问数据库之JDBCTemplate
2009-07-03 11:06 3417跟我StepByStep学FLEX教程------访问数据库 ... -
跟我StepByStep学FLEX教程------Demo12之FLEX和Spring整合
2009-07-02 10:53 4729跟我StepByStep学FLEX教程------FLEX和S ...
相关推荐
1 14 跟我StepByStep学FLEX教程------Demo7之页面跳转 1 15 跟我StepByStep学FLEX教程------manager 1 16 跟我StepByStep学FLEX教程------Demo8之样式和主题 1 17 跟我StepByStep学FLEX教程------自定义主题 1 ...
跟我StepByStep学FLEX教程------王一松.pdf
跟我StepByStep学FLEX教程------王一松
跟我StepByStep学FLEX教程 跟我StepByStep学FLEX教程 跟我StepByStep学FLEX教程 跟我StepByStep学FLEX教程 跟我StepByStep学FLEX教程
跟我StepByStep学FLEX教程.pdf 跟我StepByStep学FLEX教程.pdf 跟我StepByStep学FLEX教程.pdf 跟我StepByStep学FLEX教程.pdf 跟我StepByStep学FLEX教程.pdf
跟我StepByStep学FLEX教程 flex教程 flex大全
跟我StepByStep学FLEX教程------王一松
跟我StepByStep学FLEX,个人觉得比较好的一本关于flex书了,我最近也是刚开始学,网上没发现什么好资料,个人觉得这个不错,就传上来大家分享。设置资源分是迫不得已啊,喜欢在csdn上面下载东西,最近快没分了!
很详细的flex教程,适合新手入门很详细的flex教程,适合新手入门
安装算量(实例体验)入门教程(StepByStep)---消防水篇借鉴.pdf
安装算量(实例体验)入门教程(StepByStep)---消防报警篇分析.pdf
安装算量(实例体验)入门教程(StepByStep)---消防报警篇(2).pdf
安装算量(实例体验)入门教程(StepByStep)---消防报警篇(2)借鉴.pdf