`
hgfghww
  • 浏览: 40695 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

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!
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics