zoukankan      html  css  js  c++  java

  • Flash/Flex获取外部参数

    Part One:Flex程序如何获取html容器传递的URL参数值 
    我们经常在Flex程序需要用从外部html向swf文件传递参数，（类似 test.html?name=jex&address=chengdu 地址中问号后面的参数对值） 
    首先要明确的是，一般我们在使用Flex Builder进行Flex开发时，编译后自动以html容器将swf文件包装起来了，所以一般来说，我们直接运行的是html，而非直接运行生成的swf文件。而Flex应用程序要获取外部html容器传入的参数，通常是用JavaScript来获取到相应参数，再让javaScript传递给ActionScript。 
    在Flex应用程序中，我们通常要用到ExternalInterface类，ExternalInterface主要用来让ActionScript直接与Flash Player容器进行通信。ExernalInterface类通常作为ActionScript与JavaScript进行通信的桥梁。 
    为了获取从html传入的URL参数，通常传递的顺序是：html容器—>JavaScript—>ExternalInterface—>ActionScript
    具体实现： 
    在Flex中，通过调用ExternalInterface的call方法，参数为要调用的JavaScript函数，并返回JS函数调用的结果。如： 
    As3代码
     
     收藏代码
    1. ExternalInterface.call("JavaScript函数");  

    在JS中，Window对象用来代表一个Web浏览器窗口，而窗口的Location对象则代表了当前显示的URL，于是，要想获取URL中的参数， 
    通常使用下面的语句： 
    As3代码
     
     收藏代码
    1. window.location.href.toString  //得到URL的完整文本  
    2.    
    3. window.location.search.substring　　//得到问号后面部分的URL文本  


    注：这里window属性引用的Window对象自身，而Window对象的location属性引用的是Location对象。 

    通常的参数对以test.html?name=jex&address=chengdu　这样的形式给出，在获取到问号后面的URL文本后，还需要对其分解，这时有两种途径，一种是分解过程在JS中完成，然后将最终的结果值传递给Flex，另一种是将分解的过程放在Flex中去完成。在这里使用的后者（这样只需写AS代码，而不用去写JS代码了^_^） 
    Mxml代码
     
     收藏代码
    1. <?xml version="1.0" encoding="utf-8"?>  
    2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"  
    3.     creationComplete="init()">  
    4. <mx:Script>  
    5.     <![CDATA[  
    6.         import mx.controls.Alert;  
    7.    
    8.         private var params:Object;  
    9.    
    10.         private function init():void {  
    11.             btnID.addEventListener(MouseEvent.CLICK, clickHandler);  
    12.         }  
    13.    
    14.         private function clickHandler(evt:Event):void {  
    15.             var args:Object = getParams();  
    16.             if(args.name != null && args.address != null) {  
    17.                 dispID.text = "name:" + args.name + " " + "address:" + args.address;  
    18.             }  
    19.         }  
    20.    
    21.         private function getParams():Object {  
    22.             params = {};  
    23.             var query:String = ExternalInterface.call("window.location.search.substring", 1);  
    24.             if(query) {  
    25.                 var pairs:Array = query.split("&");  
    26.                 for(var i:uint=0; i < pairs.length; i++) {  
    27.                     var pos:int = pairs[i].indexOf("=");  
    28.                     //Alert.show(String(pos));  
    29.                     if(pos != -1) {  
    30.                         var argname:String = pairs[i].substring(0, pos);  
    31.                         var value:String = pairs[i].substring(pos+1);  
    32.    
    33.                         params[argname] = value;  
    34.                     }  
    35.                 }  
    36.             }  
    37.             return params;  
    38.         }  
    39.     ]]>  
    40. </mx:Script>  
    41.     <mx:Button id="btnID" y="118" label="GetParams" horizontalCenter="0"/>  
    42.     <mx:TextArea id="dispID" y="47" width="200" horizontalCenter="0"/>  
    43.    
    44. </mx:Application>  



    Part Two:Flex程序如何获取html容器传递的URL参数值 
    在前面的一篇文章中我们讨论了利用Flex中的ExternalInterface类向swf传递参数。今天我们来谈谈另外一种更简捷的方法！ 
    这次的方法是利用 SWFObject，SWFObject一个开源的JS模块，专门用来在HTML中嵌入Flash(*.swf)文件，利用该模块，使得插入Flash文件更加便捷、安全；并且使用SWFObject能自动检测各主流浏览器对Flash插件的支持并能作相应的处理。 
    目前SWFObject最新版为2.0，关于SWFObject的一些资源见下面： 
    官方站点 
    http://blog.deconcept.com/swfobject/ 
    在google code的地址，这里有SWFObject 2.0的JS包及相关自动代码生成器的下载 
    http://code.google.com/p/swfobject/ 
    SWFObject 2.0 官方文档（英文） 
    http://code.google.com/p/swfobject/wiki/SWFObject_2_0_documentation 
    SWFObject 2.0 官方文档（中文翻译） 
    http://farthinker.cn/2007/12/27/swfobject-2_0-doc-translation/ 
    SWFObject 的使用非常简单，相信大家看了上面的文档就很清楚了，下面结合实例，谈谈利用SWFObject来获取URL参数值的做法。 
    我们的做法是，利用SWFObject的HTML容器代码自动产生器产生嵌入模板代码，点此处下载，注意在代码生成器中我们选定Publishing method（发布方式）为 Dynamic publishing（动态发布），编码设定为utf-8，关于静态发布与动态发布的详细介绍见官方文档。SWFObject 2.0 为开发人员提供了一些非常有用的函数，例如，我们要想获取*.html?name=JexChan&address=ChengDu这样的参数，就可以使用swfobject的getQueryParamValue函数，此函数可以直接获取以前面形式出现的get方式提交的参数值对，获取到参数值后赋给flashvars变量，最后再作为embedSWF方法的参数传递给相应的SWF文件。 

    包含SWF文件HTML容器代码如下： 
    Html代码
     
     收藏代码
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
    2. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">  
    3.     <head>  
    4.         <title></title>  
    5.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    6.         <script type="text/javascript" src="swfobject.js"></script>  
    7.         <script type="text/javascript">  
    8.             var flashvars = {};  
    9.             //获取URL参数对值，并赋给flashvars变量  
    10.             if (swfobject.getQueryParamValue("name") && swfobject.getQueryParamValue("address")) {  
    11.                 flashvars.name = swfobject.getQueryParamValue("name");  
    12.                 flashvars.address= swfobject.getQueryParamValue("address");  
    13.             }  
    14.    
    15.             var params = {};  
    16.             var attributes = {};  
    17.             attributes.id = "myContent";  
    18.             //将嵌入的SWF文件写入对应id的div中去，并向SWF文件传入相应的参数  
    19.             swfobject.embedSWF("GetParamSWFObj.swf", "myAlternativeContent", "1000", "500", "9.0.0", "expressInstall.swf", flashvars, params, attributes);  
    20.         </script>  
    21.     </head>  
    22.     <body>  
    23.         <div id="myAlternativeContent">  
    24.             <a href="http://www.adobe.com/go/getflashplayer">  
    25.                 <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />  
    26.             </a>  
    27.         </div>  
    28.     </body>  
    29. </html>  

    通过SWFObject将SWF文件嵌入了HTML文件，那怎样在SWF文件中获取传过来的参数呢？在ActionScript3.0中，需要使用到LoaderInfo类，LoaderInfo类提供了被载入的SWF文件或其它图像文件（JPEG, GIF, 或 PNG）的相关信息。 
    要访问LoaderInfo对象有两种途径，如下图所示： 
    Flash/Flex获取外部参数  
    通过flash.display.Loader对象contentLoaderInfo属性来访问 
    通过显示对象（display object）的loaderInfo属性来访问 
    我们这里的SWF文件要想获取传递进来的参数，使用的是第二个途径，即显示对象的loaderInfo 属性来访问，这里的显示对象指根对象，可以使用stage，也可以使用root，它们在这里指向是同一个Stage（舞台），loaderInfo的parameters属性则包含了由外部向SWF传递进来的参数值对，它返回的值类型为Object。 
    我们这里仅使用了Flex生成出的SWF文件，而未使用Flex自动产生的HTML模板容器。 
    在Flex端的代码如下： 
    Mxml代码
     
     收藏代码
    1. <?xml version="1.0" encoding="utf-8"?>  
    2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">  
    3. <mx:Script>  
    4.     <![CDATA[  
    5.         private function clickHandler(evt:Event):void {  
    6.             //获取外部传给SWF文件的参数值对  
    7.             var obj:Object = stage.loaderInfo.parameters;  
    8.    
    9.             if(obj.name != null && obj.address != null) {  
    10.                 txtArea.text = "name: " + obj.name + " "   
    11.                                 + "address: " + obj.address;  
    12.             }  
    13.         }  
    14.     ]]>  
    15. </mx:Script>  
    16.     <mx:Button y="96" label="GetParams" horizontalCenter="0"   
    17.         click="clickHandler(event)"/>  
    18.     <mx:TextArea y="34" horizontalCenter="0" id="txtArea"/>  
    19.    
    20. </mx:Application>  
  • 相关阅读:
    Git 创建仓库并拉取代码
    Linux export 命令
    Linux ps 命令
    Linux sed 命令
    Linux find 命令
    Linux chmod 命令
    Linux chgrp 命令
    解除/配置 linux/nginx 的 tcp 连接（nginx配置文件日常配置推荐）
    更改Ubuntu的apt源
    anaconda 各版本的下载地址
  • 原文地址：https://www.cnblogs.com/amylis_chen/p/3802469.html
Copyright © 2011-2022 走看看