- 浏览: 43368 次
- 性别:
- 来自: 北京
最新评论
众所周知,Flex明显区别于传统B/S开发模式的特性中,有一条为在Flex中已经再看不到页面的跳转会伴随URL的变化了,但在实际应用中,我们会遇到,我们给朋友介绍自己Flex做的网站的某个亮点时候,没法具体定位到某个模块部分(传统的html/jsp/asp/php等是可以做到的),而且传统页面还可以通过浏览器的向前和向后按钮实现浏览历史回退功能,而我们的Flex默认并没有此功能,这无疑在用户体验上为Flexl/Flash应用添上了不雅的一笔。我们都是凡人,所以我们能够发现的问题,前人也一样可以发现,我们Flex的设计者早已为我们做好这方面的考虑。当然官方给我们的解决方案不一定是最好的,一旦你觉得用的不爽,便可以自己架锅,进行DIY. asual(http://www.asual.com/swfaddress/)为我们提供了比官方更为完美的解决方案(个人观点)。我们今天重点讲asual提供的SWFAddress解决deep link问题。
一:官方解决方案
1.HistoryManager
HistoryManager功能在Flex项目中是默认打开的,比如在使用Accordion 和 TabNavigator组件时,在不同区域切换时,Flex会自动记录下各个状态,对于其他组件如果你要用它则需要:
a.实现mx.managers.IHistoryManagerClient接口。
b.用HistoryManager'的register()方法为组建注册。
c.当组件状态改变时保存组件的状态。
d.通过实施IHistoryManagerClient的saveState() 和 loadState()方法来保存和读取组件状态。
2.BrowserManager
BrowserManager是区别于HistoryManager的另一种实现deep link的方式,二者不能共存(只能用一种)。它的使用方法为:
a.init(fragment,title)
该方法可以定义默认的链接参数和网页标题。一般在初始化时用到。例如:
browserManager.init("", "Test Deep Linking");定义了参数为空,标题为Test Deep Linking的网页。
b.setTitle(title)
该方法用来设置网页标题。例如:
browserManager.setTitle("The New Title") 设置网页标题为"The New Title"。
c.setFragment(fragment)
该方法用来设置网页参数。例如:
browserManager.setFragment("id=3") 设置参数"id=3"。
这两个不多介绍了,请参考:http://xinzy.javaeye.com/blog/474778; http://riaoo.com/?p=8;
二:SWFAddress解决方案
这种方式难度不大,个人感觉它用起来比官方提供的解决方案简洁很多。主要有SWFAddress.as、SWFAddressEvent.as两个文件as文件以及swfaddress.js、swfobject.js两个js文件。具体用法如下:
1.监听SWFAddressEvent.CHANGE事件,调用SWFAddressEvent.setValue(),在SWFAddressEvent.CHANGE事件的监听函数中作视图更换: Flex URL Test"; private function initApp():void { SWFAddress.addEventListener(SWFAddressEvent.CHANGE , handleSWFAddress); } private function handleSWFAddress(event:SWFAddressEvent):void { var temp:String = event.value; switch(temp){ case "/label1": tileURL = "yi"; break; case "/label2": tileURL = "2"; break; case "/label3": tileURL = "san"; break; } SWFAddress.setTitle(temp.substr(1,temp.length)); } private function butnClick(event:MouseEvent):void { var lstr:String = event.target.label; var temp:String = ""; switch(lstr){ case "label1": temp = "lable1/view1"; break; case "label2": temp = "lable2"; break; case "label3": temp = "lable3?pame=natian"; break; } SWFAddress.setValue(temp); } private function test():void { trace("getBaseURL : "+SWFAddress.getBaseURL()); trace("getPath : "+SWFAddress.getPath()); trace("getPathNames : "+SWFAddress.getPathNames()); trace("getParameterNames : "+SWFAddress.getParameterNames()); } ]]--> 2.在index.template.html中嵌入swfaddress.js、swfobject.js练个js文件。注意这两js文件一定要写在嵌入swf代码的前面,否则加载swf时需要的js文件还未加载,会导致结果得不到相应,我恰恰因为这样困扰了3-4天:
参考文档:http://www.asual.com/swfaddress/
Ok,congratulations,when you come to this step,you can make you Flex applicaton has different URL among the different models,and you aslo can use the back or farword function of the browser.GOOD LUCK!
发表评论
-
JavaScript 操作字符串的一些方法
2012-07-06 09:51 323虽然 JavaScript 有很 ... -
Coldfusion的正则表达式替换。
2012-07-06 09:45 377Coldfusion的正则表达式不是很强大,所以一直没有怎 ... -
常用正则表达式(?i)忽略字母的大小写!
2012-07-06 09:37 12921。^\d+$ //匹配非负 ... -
CAT动画
2012-07-06 09:30 7591.创建CAT骨骼 创建--辅助对象-CAT Obje ... -
Ajax添加数据与删除篇
2012-07-05 20:45 920作者:康董 我很开 ... -
RichFaces树组件的用法
2012-07-03 13:43 592RichFaces树组件的用法 原创:版权所有chsz ... -
Flex加载flash_as3_swf,并响应其中的按钮事件
2012-07-02 10:46 621注:flash_as3_swf里的源码里有一个btn_fu ... -
Flex 3 图片移动 缩放
2012-07-02 10:46 448第一个是 mx.effects.Move 移动 第二 ... -
Flex中DataGrid绑定(嵌入)ComboBox
2012-07-02 10:46 607width="578 ... -
Flex 与 c# socket 完整实例:聊天室
2012-07-02 10:46 834===客户端=== 需要建一个公用的as class ... -
将 Flex 3 的应用程序迁移到 Flex 4 ―第 1 部分:将 Flex 3 Dashboard 应用程序导入 Flash Builder 4
2012-07-01 00:24 584本系列一共 4 个部 ... -
学习flex 初步实现与java进行数据交互
2012-07-01 00:24 473本人是从事BS架构应用开发的,现在发现客户越来越关注用户的 ... -
flex基础概念
2012-07-01 00:24 493SDK(Software Development Kit, ... -
Flex 和 Ogre
2012-07-01 00:24 579最近和赖爷聊了聊,于是决定看看网页游戏方面的资料。在赖爷的 ...
相关推荐
swfaddress-2.4.zip
swfaddress.js的作用是在不刷新网页的情况下为地址栏更换地址,并可实现访问这个地址时也同时接受到参数。注:除js文件外请详细看.fla文件,在本地测试无法观看到地址栏的结果,请放置到服务器IIS环境。 swffit.js...
源代码 swfaddress-2.4-dist
HTML5历史记录API / SWFAddress集成测试 基于Pintsize- //pintsize.io
SWFObject.js Flash性能增强插件,可用于网站大型flash展示页面。
menufivel 一款AS3写的高级2级菜单。支持SWFADDRESS。非常值得研究
k.framework 是 AS2 中的开源前端 Flash 框架。 k.framework 内置了与 SWFAddress、SWFObject 和 swffit 的深层链接。 k.framework 的站点包括: * 导航 * 过渡 * 预加载
官方演示:... 一款简约大气的Flash网站模板,采用炫酷的LOGO过场动画,隐藏式菜单,相册分大、中、小图,主菜单最多支持6个,支持二级菜单,并支持(SWFAddress)地址栏定位栏目。
此外Gaia还整合了SWFAddress,GreenShock Tween,采用MVC,Singleton等设计模式和业界流行的最佳解决方案(Best Practice)。Gaia还提供了配套的Flash插件面板,能够很直观的帮助用户快速配置网站。 抽象是一件很...
此外Gaia还整合了SWFAddress,GreenShock Tween,采用MVC,Singleton等设计模式和业界流行的最佳解决方案(Best Practice)。Gaia还提供了配套的Flash插件面板,能够很直观的帮助用户快速配置网站。 抽象是一件很...