精品视频在线观看日韩,欧美视频第二页,久久久久久久久久看片

Sat, 11 Feb 2012 12:53:00 GMT

Flash builder 4.6 序列��P��

1424-4938-3077-5736-3940-5640

1424-4827-8874-7387-0243-7331

在host文�g�q�加�Q?/div>

127.0.0.1 activate.adobe.com

127.0.0.1 practivate.adobe.com

127.0.0.1 ereg.adobe.com

127.0.0.1 activate.wip3.adobe.com

127.0.0.1 wip3.adobe.com

127.0.0.1 3dns-3.adobe.com

127.0.0.1 3dns-2.adobe.com

127.0.0.1 adobe-dns.adobe.com

127.0.0.1 adobe-dns-2.adobe.com

127.0.0.1 adobe-dns-3.adobe.com

127.0.0.1 ereg.wip3.adobe.com

127.0.0.1 activate-sea.adobe.com

127.0.0.1 wwis-dubc1-vip60.adobe.com

127.0.0.1 activate-sjc0.adobe.com

��马�?/a> 2012-02-11 20:53 发表评论

Sat, 11 Feb 2012 04:10:00 GMT

1.首先下蝲FlexPaper的源码�?a target="_blank">下蝲地址

2.本�h不懂flash�Q�只是百度下�Q�然后自��q��弄弄的。我用的flash build 4.5

提供个key�Q?499-4181-9296-6452-2998-3656

首先在flash build中新��Z��个flex��目�Q�第一步填写项目名�U?flexpaper�Q�第二步直接默认�Q�最后一步需要注意下�?/p>

选择合�ƈ��C��码中�Q�要不然你的bin-debug目录下面会出现很多其他的swf文�g

然后把你1步下载下来的源码解压�?/p>

把这三个目录全部复制��C��刚才建立的flex��目根目录下。最后结果是�q�样的：

�q�时候打开src目录下面默认包下的flexpaper.mxml文�g�Q�加入如下代码，里面paper.swf是从pdf转换�q�来的，不懂的就看看我说flexpaper的文章�?/p>

 
                layout="absolute" 
                width="100%" height="100%" 
                xmlns:flexpaper="com.devaldi.controls.flexpaper.*"> 
    
    
    
     
                                   Scale="1.0" SwfFile="Paper.swf" />

然后点击��目的属性，��附加的�~�译参数修改成如下所�C�，-source-path=locale/{locale}

我记得这些全部完成以后，好像有个文�g一处会有错误，如果出错文�g前面会有个红×�Q�找到它�Q�然后把那句话去掉，��是一个属性设�|�。没什么媄响�?/p>

然后��可以run了�?/p>

修改�Q?/p>

1.右上角有一个FP�Q�点��M��后出现about

扑ֈ�如下所�C�的文�g�Q?/p>

打开�Q�搜索bttnInfo�Q�一共就三句�Q�全部注释掉。然后在run�Q�就会发现右上角的FP没了。（print也是在这个文仉��面修改的�Q�大家自��q��看吧�Q?/p>

2.修改右下角的logo�Q�如�?/p>

扑ֈ�如下文�g�Q�打开�Q�找到sizeChanged�q�个函数。把里面的两句话都注释掉��OK了。（虽然不懂�Q�但是这些看看也都能知道个大概）

好了。修改完毕。至于其他的修改�Q�大家可以自��q��看源文�g。反正功能老外都帮我们现实了，我们只要修修�Ҏ��而已�?/p>

补充一点，如果想用�Q�入下图�Q?/p>

扑ֈ��目bin-debug下面的flexpaper.swf。（其他的swf��是我之前没有合�q�到代码中的那些swf�Q�如果没有合�q�的需要把�q�些swf文�g全部一��h��贝）

攑֜�你下载回来的例子中，替换如下�Q?/p>

把刚才的文�g�Ҏ��q�个名字��OK了。然后在�q�行��׃��发现可以了�?/p>

上面的方法似乎是把flash已经写死了，下面的这�U�方法编译出来的swf应该是可以动态加载flash的。（从网上找到的�Q?/p>

  
                xmlns:fp="com.devaldi.controls.flexpaper.*" 
                layout="absolute" width="100%" height="100%"   
                applicationComplete="initApp();">  
    
      
                    import mx.controls.Alert;  
            
            public var _aid = 0;//文档ID  
            
            [Bindable]  
            public var _Scale:Number = 1;//�~�放比例  
            
            [Bindable]  
            public var _SwfFile:String = "";//SWF文�g路径  
            
            [Bindable]  
            public var _ZoomTransition:String = "easeOut";  
            
            [Bindable]  
            public var _ZoomTime:Number = 0.6;  
            
            [Bindable]  
            public var _ZoomInterval:Number = 0.1;  
            
            [Bindable]  
            public var _FitPageOnLoad:Boolean = false;//加蝲后适合高度  
            
            [Bindable]  
            public var _FitWidthOnLoad:Boolean = false;//加蝲后适合宽度  
            
            [Bindable]  
            public var _PrintEnabled:Boolean = true;//是否支持打印  
            
            [Bindable]  
            public var _FullScreenAsMaxWindow:Boolean = false;//是否支付全屏  
            
            [Bindable]  
            public var _ProgressiveLoading:Boolean = false;//是否延迟加蝲  
            
            [Bindable]  
            public var _localeChain:String = "zh_CN";//语言  
            
            private var isFocus:Boolean = false;  
            
            //初始化参�? 
            private function initApp():void{  
                var params:Object = Application.application.parameters;  
                _Scale = getNumber(params, "Scale", 1);  
                _SwfFile = getString(params, "SwfFile", "Paper.swf");  
                _ZoomTransition = getString(params, "ZoomTransition", "easeOut");  
                _ZoomTime = getNumber(params, "ZoomTime", 0.6);  
                _ZoomInterval = getNumber(params, "ZoomInterval", 0.1);  
                _FitPageOnLoad = getBoolean(params, "FitPageOnLoad", false);  
                _FitWidthOnLoad = getBoolean(params, "FitWidthOnLoad", false);  
                _PrintEnabled = getBoolean(params, "PrintEnabled", true);  
                _FullScreenAsMaxWindow = getBoolean(params, "FullScreenAsMaxWindow", false);  
                _ProgressiveLoading = getBoolean(params, "ProgressiveLoading", true);  
                _localeChain = params["localeChain"];  
                
                //注册事�g监听  
                this.addEventListener(MouseEvent.MOUSE_OVER, onMouseOver);  
                this.addEventListener(MouseEvent.MOUSE_OUT, onMouseOut);  
                
                //开攄���外部�Q�javascript�Q�调�? 
                ExternalInterface.addCallback("hasFocus", hasFocus);  
                //ExternalInterface.addCallback("focus", focus);   
                ExternalInterface.addCallback("setViewerFocus", setViewerFocus);      
            }  
            
            
            
            private function onMouseOver(event:MouseEvent):void{  
                this.isFocus = true;  
            }  
            
            private function onMouseOut(event:MouseEvent):void{  
                this.isFocus = false;  
            }  
            
            public function hasFocus():Boolean{  
                //Alert.show("hasFocus");  
                return isFocus;  
            }  
            
            public function setViewerFocus(isFocus:Boolean):void{    
                //Alert.show("setViewerFocus");  
                this.paperViewer.setViewerFocus();  
            }  
            
            /** 
             *  
             * 获取String�c�d��参数 
             * 如果没有�Q�则�q�回默认�?
             **/ 
            private function getString(params:Object, name:String, def:String):String{  
                if(params[name] != null){  
                    return params[name];  
                }  
                return def;  
            }  
            
            private function getNumber(params:Object, name:String, def:Number):Number{  
                if(params[name] != null){  
                    return params[name];  
                }  
                return def;  
            }  
            
            private function getBoolean(params:Object, name:String, def:Boolean):Boolean{  
                //Alert.show("比较�Q?+name);  
                if(params[name] != null){  
                    return params[name] == "true";  
                }   
                return def;  
            }  
        ]]>  
      
      
    
                            width="100%"   
                        height="100%"   
                        Scale="{_Scale}"   
                        SwfFile="{_SwfFile}"   
                        ZoomTransition="{_ZoomTransition}"   
                        ZoomTime="{_ZoomTime}"   
                        ZoomInterval="{_ZoomInterval}" 
                        FitPageOnLoad="{_FitPageOnLoad}" 
                        FitWidthOnLoad="{_FitWidthOnLoad}" 
                        PrintEnabled="{_PrintEnabled}" 
                        FullScreenAsMaxWindow="{_FullScreenAsMaxWindow}" 
                        ProgressiveLoading="{_ProgressiveLoading}" />

但是按照上述�Ҏ��试了下，��无法调用官�Ҏ��供的API接口了。原因是上述的程序�ƈ没有提供接口�Q�接口在FlexPaperViewer_Base.mxml�Q�这个文件中

只需要加入如下的语句�Q�就可以调用gotoPage接口�?/p>

public function gotoPage(p:Number):void{
                paperViewer.gotoPage(p);
            }

别忘了增加一句监听，�l�js调用

ExternalInterface.addCallback("gotoPage", gotoPage);

到此OK。编译出来的可以加蝲API了�?/div>

��马�?/a> 2012-02-11 12:10 发表评论

HTML Adobe AIR HelloWorld��目

Fri, 22 Jul 2011 08:39:00 GMT

�q�里我们通过一个简单的HelloWorld��目演示Air��目的开发过�E�，本文演示的是�?/span>Windows操作�pȝ��下，使用HTML技术来开�?/span>Air应用的过�E�，在不同操作系�l�下�Q��用不同的开发技术（比如�Q?/span>flash/flex�Q�开发过�E�可能会略有不同�?/span>

建立开发环�?/span>

一个完整的Air开发环境需要安�?/span>AirRuntime�?/span>AirSDK�?/span>JavaRuntime�Q��M��来说安装与配�|�过�E�还是比较简单的。其�?/span>AirRuntime�?/span>JavaRuntime的安装非常简单，我们只需要下载，�q�执行下载文件安装即可，和安装一个普通的应用�E�序没什么两��P��下蝲地址�Q?/span>

AirRuntime�Q?/span>http://get.adobe.com/cn/air/

JavaRuntime�Q?/span>http://www.java.com/zh_CN/

需要说一下的�?/span>AirSDK的安装，首先我们要下载它�Q?/span>http://www.adobe.com/products/air/tools/sdk/

下蝲后我们会得到一�?/span>AdobeAIRSDK.zip文�g�Q�您可以��它解压��C�Q何一个目录下�Q�例如解压到“D:/AirSDK/”。解压后只需要在path环境变量中加�?#8220;D:/AirSDK/bin”。这��P��我们的开发环境就搭徏好了�Q�下面让我们来开发应用程序吧�?/span>

�~�写应用�E�序

每一�?/span>Air应用都需要一个应用程序配�|�文�Ӟ��以下�U�Cؓ�Q�项目描�q�文�Ӟ��Q�这个文件��?/span>XML格式�Q�用于配�|�项目相关的信息�Q�比如程序入口，初始�H�体的一些设�|�等�?/span>Air�q�行时框架也是通过此文件才能得知应用程序的入口信息�?/span>

在这个程序配�|�文件中我们可以指定应用�E�序入口HTML文�g�Q�这��P��我们��可以通过�q�个HTML文�g来开�?/span>Air应用之旅。下面我们将制作一�?/span>Air应用�Q�整个应用由“application.xml”�?#8220;HelloWorld.html”两个文�g�l�成。我们先来看看项目描�q�文件�?/span>

创徏��目描述文�g

我们先来建立一个目录来存放Air应用的文�Ӟ��比如�Q?#8220;D:/airApps/HelloWorld”。在HelloWorld建立一�?/span>application.xml文�g�Q�其内容如下�Q?/span>

com.keda.examples.HelloAir

0.1

HelloAir

HelloWorld.html

true

400

200

��单解释一下：

1. 元素�Q�包�?/span> AIR 命名�I�间属性：

该命名空间的最后一部分“1.5” 指定了应用程序所需的运行时�?/span>

本�?/span>

2. 元素�Q?/span>

examples.html.HelloWorld 应用�E�序 ID 与发布�?/span> ID �Q?/span>AIR 从对应用�E�序包进行签名时使用的证书中获取�Q�一�?/span>

可以标识唯一的应用程序。徏议采用的形式��Z��点分隔的反向 DNS 样式的字�W�串�Q�如 "com.company.AppName"。应用程

�?/span> ID 可用于安装、访问专用应用程序文件系�l�存储目录、访问专用加密存储以及应用程序间的通信�?/span>

3. 元素�Q?/span>

0.1 可帮助用��L��定安装哪个版本的应用�E�序�?/span>

4. 元素�Q?/span>

HelloWorld 用于操作�pȝ��中应用程序可执行文�g、安装目录和对应用程序的其它引用的名�U��?/span>

5. 包含下列子元素的 元素�Q��ؓ初始应用�E�序�H�口指定属性：

HelloWorld.html 标识 AIR 要加载的�?/span> HTML 文�g�?/span>

true 使窗口立卛_��见�?/span>

400 讄��H�口宽度�Q�以像素为单位）�?/span>

200 讄��H�口高度�?/span>

创徏入口HTML��面

新徏“HelloWorld.html”内容如下�Q?/span>

Hello World

HTML很简单，�q�里不多说了。到�q�里我们�?/span>Air应用��q��写完成了�Q�下面让我们调试�q�行一下�?/span>

调试�q�行Air应用

�?/span>Dos命��o行下�q�入“D:/airApps/HelloWorld”�Q�然后��?/span>adl命��o�q�行高度。命令如下：

adl application.xml

看看�q�行�l�果�Q?/span>

打包和分�?/span>

�?/span>Air应用打包之前需�?/span>Air的证书，Air证书有两�U�，一�U�是Air颁发的，另一�U�是自签名证书，�q�种证书我们可以直接通过命��o行生成�ƈ使用�Q�自�{�֐�证书打包的应用在安装时不会显�C�机构名�U�ͼ�如下图所�C�：

但作为学习自�{�֐�证书�q�是比较适用的，下面��介一下自�{�֐�证书的生成�?/span>

生成证书

命��o格式说明�Q?/span>adt -certificate -cn name [-ou org_unit][-o org_name][-c country] key_type pfx_file password

-cn name 分配的作为新证书公共名称的字�W�串�?/span>

-ou org_unit 分配的作��书颁发组�l�单位的字符丌Ӏ�（可选。）

-o org_name 被分配作��书颁发组�l�的字符丌Ӏ�（可选。）

-c country 双字�?/span> ISO-3166 国家/ 地区代码。如果提供的代码无效�Q�则不会生成证书。（可选。）

key_type 用于证书的密钥类型，�?#8220;1024-RSA” �?#8220;2048-RSA”�?/span>

pfx_file 证书文�g的生成�\径�?/span>

password 新证书的密码。当使用此证书对 AIR 文�g�{�֐�旉��要提供密码�?/span>

例如本程序证书��用以下命令生成：

adt -certificate -cn HelloWorld -ou it.kedacom.com -o KEDACOM 2048-RSA HelloWorld.p12 kedacom

打包分发

证书生成之后我们��可以进行打包了�Q?/span>

adt –package -tsa none -storetype pkcs12 -keystore HelloWorld.p12 HelloWorld.air application.xml HelloWorld.html

�pȝ��提�C�您输入生成证书时的密码�Q?/span>kedacom�?/span>

HelloWorld.air 参数表示 ADT 生成�?/span> AIR 文�g�?/span>HelloWorld-app.xml 表示应用�E�序描述�W�文件。后面的参数表示�?/span>

用程序所使用的文件。此�C�Z��仅��用了两个文�g�Q�但可以包含��L��数量的文件和目录�?/span>

��x��Q�我们的应用��已�l�完成了�Q�您可以通过双击生成�?/span>.air安装包来安装我们的应用�?/span>

用命令行工具�q�行打包�q�是比较�J�琐的，推荐使用Aptana Studio来开�?/span>Air应用�Q�项目创建、证书的生成、打包都有图形化工具可以使用�?/span>

Aptana Studio下蝲地址�Q?/span>http://www.aptana.org/studio/download

��马�?/a> 2011-07-22 16:39 发表评论

Mon, 25 Apr 2011 05:53:00 GMT

开始之�?/span>

Flex 作�ؓ�?Internet 应用�Q�RIA�Q�时代的新技术代表，自从 2007 �q?Adobe 公司��其开源以来，Flex ��׃��前所未有的速度在成�ѝ��很多公司，包括 IBM 都纷�U�加入了 Flex 开发的阵营当中。很多开发�h员也按捺不住 Flex �?#8220;诱惑”而准备从�?Flex 开发。本文主要讲�q?Flex 开发的基础知识�Q�主要是关于开发环境的搭徏�Q�以及介�l�简单的 Flex ��目创徏、编码、调试以及部�|�的�q�程�?Flex �~�程的基本知识。通过本文的学习，您将会学习如何搭�?Flex 基本的开发环境以及开发、调试和部��v斚w��的基��知识。�ؓ您以后深入系�l�的学习 Flex 打下良好的基��?/p>

要学习本文，您需要有一定的 Web �~�程�l�验�?Eclipse FireFox 使用�l�验�?/p>

代码�C�Z��和安装要�?/span>

本文所有示例均�?Windows XP SP3 �pȝ��中测试完成。您需要一台能��畅�q�行 Windows XP �pȝ��的机器，除此之外您还需要一些工��h��能试用本文中的代码。所有这些工具都可以免费下蝲�Q�参�?参考资�?/a>�Q�：

Java SDK 1.5 或更高版�?
Tomcat 6.0 或更高版�?
Eclipse 3.3 或更高版�?
Flex Builder 3.0 或更高版�?
FireFox2.0 或更高版�?

回页�?/a>

安装配置开发环�?/span>

接下来我们便�q�不及待的开始吧�Q�首先搭建我们的开发环境，��Z��减少因�ؓ环境不一致而引��L��问题�Q�徏议读者��用与本文相同的��Y件版本：

下蝲 �q�安�?JDK( 本文使用版本�?Sun JDK 6) �Q?
下蝲 �q�解�?Eclipse( 本文使用版本�?Eclipse Ganymede J2EE 版本�Q�含 WTP 插�g );
下蝲 �q�安�?Flex Builder Eclipse 插�g�?( 本文使用�?Flex Builder 版本�?3.0.1);
下蝲 �q�安�?Tomcat( 本文使用版本�?Tomcat6.0.18);
下蝲 �q�安�?FireFox( �׃�� Flex3.0 和一些插件的兼容性问题，本文使用 FireFox2.0.0.17)

��提�C?/h2>

Flex Builder 提供两个版本�Q�一个是 All in one 的版本，另外一个是 Eclipse 的插件版�Q�All in one 的版本内�|�了一�?Eclipse 的基本核心，插�g不全。所以我们采用单独下�?Eclipse 和安�?Flex Builder 插�g版的方式。另外在安装�q�程中不要安�?FlashPlayer �?IE 或�?FireFox 上。我们在接下来的步骤中将单独安装 debug 版本�?Flash Player �?/p>

大家知道 Flex 代码�~�译后是一�?SWF 文�g�Q�运行在 Flash Player 中，要想看到 SWF 文�g在运行时输出的一些调试信息是比较困难的。所以在安装好基本的软�g之后�Q�我们要安装一些便于我们调�?Flex �?FireFox 插�g�Q?/p>

下蝲 �q�安�?debug 版本�?FireFox Flash Player 插�g ( 本文使用的版本�ؓ Flash Player10)

打开 FireFox�Q�到 FireFox �?扩展�l��g站点上搜索�ƈ安装 HttpFox�Q�FlashTracer�Q�Cache Status 三个插�g�Q�如�?1 所�C��?/p>
�?1�Q�开发调试需要的 FireFox 插�g

��提�C?/h2>

�?Debug 版本�?Flash player �?FlashTracer 插�g完成好之后，我们发现 FlashTracer �q�不能正常的昄��?trace 语句输出的调试信息。�ؓ了��其能够工作，�q�需要先点击�?1 中的 FlashTracer 讄��按钮来设�|�日志文件的输出路径。�ƈ且输出的日志文�g路径对于 Windows XP 来说必须�?C:\Documents and Settings\Administrator\Application Data\Macromedia\Flash Player\Logs\flashlog.txt �?/p>

在安装了 Debug 版本�?Flash Player 之后�Q�Flash Tracer 能显�C�您在程序中�?trace() 语句输出的调试信息，HttpFox 插�g不仅能查�?HTTP 通信的过�E�和数据�Q�还能看到哪些内�Ҏ��?Cache 里面��d��的。另外，Cache Status 插�g可以让我们方便的��理�~�存。在 Flex 开发过�E�中�Q�往往需要先清除掉缓存中的内容，才能看到新改动的效果�?/p>

接下来我们打开 Flex Builder, 在菜�?strong>Window>Preferences>Server>Runtime Environment中设�|�我们的 Tomcat6 以及在菜�?strong>Window>Preferences>General>Web Browser中设�|�浏览器为外部浏览器 FireFox�Q�如�?2 和图 3 所�C�：

�?2�Q�配�|?Tomcat

�?3�Q�设�|�默认浏览器

到此为止�Q�我们的开发环境算是彻底搭建完毕，可以看出�q�个�q�程�q�不��是特别��单。别急，先苦后甜�Q�小憩一下，让我们来享受一�?Flex 开发带来的乐趣吧！

回页�?/a>

Flex �?Hello World �Q?/span>

创徏��目

打开 Flex Builder, 如图 4 所�C�，新徏一�?Flex ��目�Q?/p>
�?4�Q�新�?Flex ��目

在图 5 所�C��|�页面中�Q�我们选择��目�c�d��?Web application�Q�关�?AIR �c�d��应用的基��知识可参�?developerWorks 上的另一��文�?a >《��?Adobe AIR �?Dojo 开发基�?Ajax �?Mashup 应用�?/a>�?Application server type 我们�?J2EE ��Z��Q��ƈ且不要钩�?Use remote object access service, 关于�q�些高��内容�Q�我们将在后�l�的文章中陆�l�讨论。最后我们��?Eclipse Ganymede J2EE 版本内置�?WTP(Web Tools Platform) 来创��Z��个后端��?Java 前端使用 Flex �?RIA ��目。在默认讄��下，src �?Java 代码的源代码文�g夏V�?/p>
�?5�Q�设�|?Flex ��目

在后�l�的讄��面中，我们配置��目�q�行时的 J2EE server 为我们在安装配置开发环境部分中配置�?Tomcat6 如图 6 所�C�：

�?6�Q�配�|�运行时 J2EE Server

点击 Next�Q�在下一个页面中一切都按照默认讄��卛_��。如�?7 所�C�，Main source folder 是设�|�默认的 flex 代码 ( 包括 mxml �?Action script) 的源文�g夹，Main application file 是项目默认的��d��用�?Out folder URL 是项目运行在我们配置�?Tomcat 上时�?URL.

�?7�Q�其他属性设�|?/strong>

一切完成之后，我们来看看项目的�l�成�l�构�Q�如�?8 所�C�：flex_src 中是默认�?flex 源码位置�Q�flex_libs 则是存放 flex 其他�W�三方包的默认�\径。类��g�� web 应用�?lib 文�g夏V�?src �?java 代码位置�?WebContent 文�g夹的�l�构和普通由 WTP 建立�?Web Project 的结构完全相同。在默认的输��\�?bin-debug 文�g夹中�Q�我们可以看�?Flex builder 自动生成�?FlexSample.mxml 文�g已经被自动编译成 FlexSample.swf 文�g�?/p>
�?8�Q�Flex ��目�l�构

接下来，我们在新创徏的项目上增加一点内容�ƈ让它�q�行��h��Q�双�?FlexSample.mxml, 在其中添加一个最基本�?Flex �l��g :Label, �q�且在该应用初始化的时候调�?init() �Ҏ��。我们在 init() �Ҏ��中用 trace() 语句输出调试信息。代码如下清�?1 所�C�：

清单 1�Q�FlexSample.mxml

�q�行、调试以及部�|?/span>

现在�Q�终于到了让我们的项目运行的时候了 ! 右键点击��目 ->Run As->Run On Server 如图 9 所�C�：接下来的几个��面选择默认卛_��Q�这时大家我们可以看到项目会被部�|�到我们配置�?Tomcat6 上去。�ƈ�?Flex Builder 会自动打开一个我们刚才配�|�的外部 FireFox �H�口�?/p>
�?9�Q�运行项�?/strong>

但可能��o您遗憄��?Flex Builder 自动打开�?FireFox �H�口打开�?URL: http://localhost:8080/FlexSample/ 却什么也没有。别着急，�q�剩下最后一步：

如图 10 所�C�：右键点击我们要运行的 FlexSample.mxml > Run As > Flex Application

�?10�Q�运�?mxml

如果不出意外的话�Q�您应该会看��C��面的界面�Q�Flash Tracer 插�g输出了我们用 trace() 语句输出�?debug 信息�Q�标�{�� Hello World �Q�也被显�C�到了界面上。同��P��打开 FireFox �?HttpFox 插�g�Q�我们也可以看到在运行时 FlexSample.swf 被蝲入�?/p>
�?11�Q�运行后的界�?/strong>

如果我们希望像调�?Java 代码那样�Q�在�q�行时观察变量的值怎么办呢�Q�首先我们像�?Java 代码中设�|�断点一��L��我们�?Action Script 代码增加断点。如�?12 所�C�：

�?12�Q�在 Action Script 代码中设�|�断�?/strong>

然后选择我们�?FlexSample.mxml 右键选择调试�q�行。如�?13 所�C�：

�?13�Q�调试方式运�?flex

然后我们随提�C�切换到 Flex 的调试视图，��׃��看到我们可以�?Java 调试模式那样��L��的调�?Flex 代码。如�?14 所�C�：

�?14�Q�Flex Builder 调试视图

利用 WTP�Q�我们可以将��目 export 成一个标准的 war file. ��导出的 war 文�g攑ֈ� Tomcat �?webapps 目录或者其�?web 服务器的相应目录下就可以当作一个标准的 web 应用来部�|�运行�?/p>
到此为止�Q�我们应该庆��一下我们已�l�迈入了 Flex 的大门了�Q�我们已�l�编译出了我们自��q�� swf 文�g�Q��ƈ且运行在服务器上了。熟悉了�q�个开发过�E�之后，让我们乘胜前�q�，�l�合一个小例子学习一�?Flex 的编�E�基��知识吧！

回页�?/a>

Flex �~�程基础

面向对象的编�E?/span>

在上�?Hello World 的例子中我们可以看出�Q�就像在 HTML 中嵌�?JavaScript 那样�Q�我们可以在 mxml 里面嵌入 Action Script 代码来实��C��务逻辑。没错！如果您把 Flex �?mxml �?Action Script 的关�pȝ��解�ؓ Html �?JavaScript 的关�p�，您会忽然发现您对 Flex 变的如此熟悉�Q?/p>
Action Script 语言是面向对象的脚本语言�Q�它�q�编写方式都�?JavaScript 非常的相伹{��除了可以嵌套在 mxml 里面之外�Q�它�q�可以像 JavaScript 写在单独�?.js 文�g里面那样写在单独�?.as 文�g里面�Q�然后在 mxml 里面引入它�?/p>
下面我们新徏一�?Action Script 的类 J2eeServer.as 如清�?2 所�C�：

清单 2�Q�J2eeServer.as

package com.ibm.flex { import flash.events.EventDispatcher; import mx.rpc.AsyncToken; import mx.rpc.events.FaultEvent; import mx.rpc.events.ResultEvent; import mx.rpc.http.HTTPService; public class J2eeServer extends EventDispatcher { public function J2eeServer() { } public function sendRequest(locale:String):void { var httpObject:HTTPService = new HTTPService(); httpObject.resultFormat = "text"; httpObject.url = "http://localhost:8080/FlexSample/SampleServlet?locale="+locale; var responder:mx.rpc.Responder = new mx.rpc.Responder(onSuccess, onFault); var call:AsyncToken = httpObject.send(); call.addResponder(responder); } private function onSuccess(event:ResultEvent):void { this.dispatchEvent(event); } private function onFault(event:FaultEvent):void { trace("communication failed!"); this.dispatchEvent(event); } } }

在这个类定义里面�Q�熟�?Java 的开发�h员可以看出其�~�码规范�?Java 非常�c�M��。在其中我们定义了一�?sendRequest() �Ҏ��Q?使用 HTTPService 对象发�v一�?http �?get ��h�� , �q�且对于不同的返回结果我们定义了 onSuccess() �?onFault() 两个�Ҏ��d��理。在�q�两个结果处理方法中�Q�我们将事�g dispatch 出去�?/p>
�?Servlet 集成

�?J2eeServer.as 中，我们通过 Action Script 发出 http ��h��Q�现在我们定义一个服务器端的 servlet 来处理该��h��。如清单 3 所�C�：

清单 3�Q�SampleServlet.java

package com.ibm.sample; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class SampleServlet extends HttpServlet { private static final long serialVersionUID = 1L; public SampleServlet() { super(); } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request, response); } protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String locale = request.getParameter("locale"); response.setContentType("text/html"); PrintWriter out = response.getWriter(); out.println("The locale you selected is " + locale); } }

和普�?web 应用一样配�|?web.xml, 如清�?4

清单 4�Q�web.xml

FlexSample SampleServlet SampleServlet com.ibm.sample.SampleServlet SampleServlet /SampleServlet FlexSample.html

事�g驱动与数据绑�?/span>

�?J2eeServer.as 中我们依�E�可以看出 Flex 事�g驱动的媄子。的��，Flex 的业务流�E�大多是靠事件来驱动的。某一个方法结束后�Q�dispatch 出去一个事件。事件的监听者监听到�q�个事�g后就会采取相应的动作来处理事件。如清单 5 所�C�：我们�?init() �Ҏ��中进行了事�g�l�定�Q�绑定了两个监听�Ҏ�� successHandler () �?errorHandler () �?J2eeServer 上。当 J2eeServer 完成和服务器�?servlet 通信 dispatch 出相应的事�g后，两个监听�Ҏ��便会监听到相应的事�g�q�进行处理�?/p>
Flex 的另外一个重要的特点��是支持数据�l�定�Q�在另一��文�?a >《��?Eclipse �?JavaFX 开�?Mashup 应用�?/a>中我们曾介绍�?JavaFx 的数据绑定特性，同样 Flex 也支持数据绑定。当数据源被�l�定到另外一个对象的某属性上�Ӟ��数据源的数据如果发生变化�Q�开发�h员不需要写额外的代码该对象的属性值就可以相应的变化。如清单 5 中所�C�：如果要进行数据绑定，则要先定义一个可�l�定的数据源�Q�例如我们在变量 private var serverResponse:String = "" ;的上面设�|?[Bindable] 属性，表示其�ؓ可绑定变量。然后我们在 resultLable 中��用花括号 {serverResponse} ��变�?code>serverResponse�l�定�?resultLable �?text 属性上�?/p>
清单 5�Q�FlexSample.mxml

最�l�项目的文�g�l�构如图 15 所�C�：

�?15�Q�项目文件结构图

�q�行��目�Q�我们可以看到当我们改变下拉框的值的时候，会触�?localeComboxChangeHandler() 函数调用 J2eeServer �?sendRequest() �Ҏ��选择�?locale 值发送给服务器端�?servlet�Q��ƈ且在�l�果�q�回后，��从服务器端得到�?response 昄��?resultLable 上。如�?16 所�C�：

�?16�Q�项目运行结�?/strong>

回页�?/a>

�l�束�?/span>

Flex 作�ؓ RIA 的新技术，对传�l?web 开发技术有�l�承也有发展。这��文作�ؓ入门文，主要作用是帮助大家掌�?Flex 的开发环境、开发方式、开发调试部�|�的��程以及 Flex 的基本编�E�知识。但 Flex 除了国际化、Unit ��试、Ant �~�译�{�传�l�问题之外，作�ؓ新技�?Flex �q�有很多不同以往的地方，比如模块开发，RSL(Runtime Shared Libraries), Shared object、和 JavaScript 交互以及它的 MVC 框架 cairngorm�Q�远�E�调用和消息传递框�?BlazeDS �{�。所有这些问题都是值得我们�q�行后箋讨论的�?/p>
致谢

在本文完成之际，特别感谢 IBM 中国软�g开发中�?IM 开发团队我的同事们在工作和学习中给我的巨大帮助�Q?/p>

参考资�?

学习

“Flex 3 Developer's Guide”�Q�很好的 Flex 基础知识入门材料�?

“Flex Developer Center”�Q�针对具体开发场景的大量�C�Z��代码和文章�?

“Flex Ant Tasks”�Q�介�l�了如何�l�合 Ant 工具来编�?Flex�?

“Flex RSL”�Q�对Flex RSL开发的各方面进行详�l�介�l�的官方文档�?

“集成 Flex �?Ajax 应用�E�序”�Q�developerWorks�Q?008 �q?7 月）�Q�阅��d��本文后，您将能够利用通过 Flash 资源获得的丰富功能�?br />

“使用 Flex SDK 实现一�?Facebook 相册”�Q�developerWorks�Q?008 �q?12 月）�Q�在本篇教程中，��在 Adobe Flex 中开发一�?Facebook 应用�E�序�Q�它可以以��灯片的�Ş式显�C�用��L�� Facebook 相册�?br />

“Fluint 的官方站�?/a>”�Q�Fluint �?Flex Unit Test 的框�?Flex Unit 的升�U�版本�?

“Cairngorm 框架�?Adobe 官方站点”�Q�Cairngorm �?Flex 开发最著名和最成熟的一�?MVC 框架�?

“BlazeDS 框架的开源站�?/a>”�Q�BlazeDS �?Adobe 的一个开源项目。基于服务器�?Java �q�程调用�Q�remoting�Q�和 Web 消息传递（messaging�Q�技术，它能够��得后台的 Java 应用�E�序和运行在��览器上�?Flex 应用�E�序�?AIR 应用�E�序�怺�通信�?

获得产品和技�?/strong>

下蝲 JRE �?JDK�?

下蝲 Eclipss Ganymede�?

下蝲 Flex Builder Eclipse 插�g版�?

下蝲 Tomcat 6�?

下蝲 FireFox 2.0�?

下蝲 BDebug 版本�?FireFox Flash Player 插�g�?

关于作�?/span>

刘庆�Q�目前在 IBM 软�g开发中心（IBM CSDL�Q�IM 开发团队担��d��发工�E�师�Q�拥�?IBM DB2 DBA 专业认证�Q�他�?J2EE �?Web 开发领域有着多年开发经验，喜欢��x��新技术。他毕业于中国科技大学�Q��ƈ拥有��士学位�?/p>

��马�?/a> 2011-04-25 13:53 发表评论

flash 9e版[9.0.115]以及以后版本需要注意的事项

Fri, 21 Dec 2007 15:55:00 GMT
�?2月䆾�Q�adobe公司发布的最新flash版本 flash 9e的处理上�Q�由于安全原因限定了1024端口以上中的3个端口�?br /> 依次为：2049,4045,6000
同样�Q�firefox也限定了对这些端口的讉K��?br /> 所以在��h��q�些端口的资源时�Q�如果发现找不到的现象，��h��到其他端口再试�?br />
被屏蔽的端口列表�Q?br /> Port Service

　　1 tcpmux　　7 echo　  　9 discard　　11 systat

　　13 daytime　15 netstat　17 qotd 　　19 chargen

　　20 ftp data  21 ftp control　22 ssh　　23 telnet

　　25 smtp  　　37 time  　　42 name　　43 nicname

　　53 domain　77 priv-rjs　79 finger　　87 ttylink

　　95 supdup　101 hostriame　102 iso-tsap　　103 gppitnp

　　104 acr-nema　　109 pop2　　110 pop3　　111 sunrpc

　　113 auth　　115 sftp　　117 uucp-path　　119 nntp

　　123 NTP　　135 loc-srv / epmap　　139 netbios

　　143 imap2　　179 BGP　　389 ldap　　512 print / exec

　　513 login　　514 shell　　515 printer　　526 tempo

　　530 courier　　531 chat　　532 netnews　　540 uucp

　　556 remotefs　　587　　601              　　2049 nfs

　　4045 lockd　　6000 X11

��马�?/a> 2007-12-21 23:55 发表评论