SWFAddress实现Flex深度链接(不同模块具有不同的URL)

  众所周知,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()); } ]]--> width="300" text="{tileURL}" fontSize="30"/> 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!
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值