slobber 2007-01-30T11:00:45+0800 http://www.slobber.cn LifeType Copyright (c) slobber tag:www.xinhuaedu.cn,2007-01-30:527 类似 Photoshop 的导航窗口——NavigationManager 2007-01-30T11:00:45+0800 2007-01-30T11:00:45+0800 2007-01-30T11:00:45+0800 做了一个类似于Photoshop导航窗口的Navigation Manager。 ... slobber http://www.xinhuaedu.cn/site/slobber.html nandi.wang@gmail.com Flex <p>做了一个类似于Photoshop导航窗口的Navigation Manager。</p><p>如果一个组件尺寸过大，而有不想用Scroll，可以用我的这个NavigationManager，在导航窗口中有一个红色的框框，表示当前显示的部分，外围大的灰框表示这个组件的完整尺寸，通过点击灰框中的位置，会改变当前屏幕显示的部分。</p><p>NavigationManager只有两个属性，一个target，也就是要进行Navigation的组件；一个navigationContainer， 就是安放导航窗口的Container。</p><p>剩下的大家就看代码吧。</p><p><a href="/flexDemo/NavigationManager/NavitagionManagerApp.html" target="_blank" title="NavitagionManager">例子</a>&nbsp;</p><p><a href="/flexDemo/NavigationManager/srcview/index.html" target="_blank">源码</a></p> tag:www.xinhuaedu.cn,2007-01-25:526 Flex 2.0.1 的帮助 CHM 下载 2007-01-25T17:17:57+0800 2007-01-25T17:17:57+0800 2007-01-25T17:17:57+0800 最近真是忙死了 没空写东西，也没什么可写...... 这两天才把 2.0.1&nbsp; ... slobber http://www.xinhuaedu.cn/site/slobber.html nandi.wang@gmail.com Flex <p>最近真是忙死了 没空写东西，也没什么可写......</p><p>这两天才把 2.0.1&nbsp; 的帮助弄出来，哈，越来越得心应手了。正则表达式使的也越来越熟练了<img src="http://www.xinhuaedu.cn/js/tinymce/plugins/emotions/images/smiley-wink.gif" border="0" alt="眨眼" title="眨眼" />。</p><p>2.0.1 多了很多东西，Help 多了近一倍，又够看一阵了。寒假要把 Cairngorm 翻译完，也耽误够久了。</p><p><a href="/gallery/5/Adobe_Flex_2.0.1_Help.chm">Adobe Flex 2.0.1 Help</a></p><p><a href="/gallery/5/Adobe_Flex_2.0.1_Language_Reference.chm">Adobe Flex 2.0.1 Language Reference</a>&nbsp;</p> tag:www.xinhuaedu.cn,2006-11-20:126 利用Cairngorm微架构开发Flex富Internet应用——第三部分: 架构视图 2006-11-20T08:33:38+0800 2006-11-20T08:33:38+0800 2006-11-20T08:33:38+0800 ... slobber http://www.xinhuaedu.cn/site/slobber.html nandi.wang@gmail.com Flex <p>在第二部分，我们着重于在富Internet应用程序中如何管理状态，以及如何使用Value Objectå’ŒModel Locator模式。在第三部分中，我们的目标指向应用程序的用户。在客户端维持状态的概念很好地帮助了开发者，但是如果不能使用户看到和使用到这些数据， 那它又有什么意义呢？</p> <p>Cairngorm商店中需要有显示商品图片的功能，这样用户可以点击图片选择并查看商品更详细的信息，托放图片将商品拖拽至购物车，最后支付购物车中的商品。在本篇文章中，你将去探究使用Cairngorm框架如何架构视图以及如何为你的用户提供一个丰富而沉浸其中的体验。尽管Cairngorm并没有给出明确的方法去构造你的视图，不过你还是会其中发现一些最优方法，可以在你的MXML程序代码和文件中使用它们。</p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="706" height="600"><param name="movie" value="http://www.xinhuaedu.cn/site/slobber/resource/download/resources/cairngorm_part_3.swf" /><param name="quality" value="high" /><param name="menu" value="false" /><param name="wmode" value="" /><embed src="http://www.xinhuaedu.cn/site/slobber/resource/download/resources/cairngorm_part_3.swf" wmode="" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="706" height="600"></embed></object> tag:www.xinhuaedu.cn,2006-11-01:109 利用Cairngorm微架构开发Flex富Internet应用——第一部分: 介绍Cairngorm 2006-11-01T10:30:55+0800 2006-11-01T10:30:55+0800 2006-11-01T10:30:55+0800 本教程六个部分展示了一个为Flex开发人员设计的开源架构框架&mdash;&mdash;Cairngo ... slobber http://www.xinhuaedu.cn/site/slobber.html nandi.wang@gmail.com Flex 本教程六个部分展示了一个为Flex开发人员设计的开源架构框架&mdash;&mdash;Cairngorm。在本教程中我将涉及到以下论题：Cairngorm背后设计的主导思想；为了使Cairngorm工作的更好，Adobe Consulting在设计过程中遇到的挑战；以及在开发中如何确定Cairngorm是否真正适合你的工程。<br />利用Cairngorm商店样例程序，本教程将对基于Cairngorm的富Internet应用程序（RIA）应用范围、评估、发布等内容，谈谈Adobe Consulting的一些思路。我也将对Cairngorm的相关概念进行讲解，同时也将深入的探讨Cairngorm商店的实现过程。<br />最后，我将通过在已有的Cairngorm商店中添加一个新功能的实例，展示一下基于Cairngorm微架构框架开发的RIA的优势。通过这个，你自然会了解到使用Cairngorm的好处。<br />当然Cairngorm 并不是构建富Internet应用的唯一方法。然而，通过它Adobe Consulting可以说明广大的客户和合作伙伴成功地将他们之前的Flex应用程序开发知识转化到更大范围的Flex RIA上。<br />这个总述涵盖了Cairngorm全部内容，从认识Cairngorm的概念和开发这个框架的目的到如何在Cairngorm上构建你自己的应用程序，都有介绍。<br />第一部分将重点介绍一下背景知识以便了解Cairngorm的结构，而不是直接去研究代码。本部分将重点涉及到什么是框架，以及应用程序框架与系统架构框架之间的区别；然后会探讨下设计模式，介绍下微架构的概念；最后来谈谈关于Cairngorm出现的背景：它的历史以及未来蓝图。<br />在第二到第六部分，你将尝试开发一个在客户端使用Flexå’ŒCairngorm的构建零售商业程序，它的服务器端基于J2EE平台。<br /><br /><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="706" height="600"><param name="movie" value="http://www.xinhuaedu.cn/site/slobber/resource/download/resources/cairngorm_pt_1.swf" /><param name="quality" value="high" /><param name="menu" value="false" /><param name="wmode" value="" /><embed src="http://www.xinhuaedu.cn/site/slobber/resource/download/resources/cairngorm_pt_1.swf" wmode="" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="706" height="600"></embed></object> tag:www.xinhuaedu.cn,2006-10-31:107 利用Cairngorm微架构开发Flex富Internet应用程序——第二部分: 在客户端维持状态 2006-10-31T16:13:35+0800 2006-10-31T16:13:35+0800 2006-10-31T16:13:35+0800 本系列文章的第一部分中，我介绍了Cairngorm，一个微技术架构，使称为企 ... slobber http://www.xinhuaedu.cn/site/slobber.html nandi.wang@gmail.com Flex 本系列文章的第一部分中，我介绍了Cairngorm，一个微技术架构，使称为企业级RIA的大规模富Internet应用程序复杂重复的开发过程简单化。<br />而在本文中，我将探讨一下开发企业级RIA所有面临的挑战，特别是在客户端如何维持状态。我将通过一个电子商务应用程序&mdash;&mdash;Cairngorm商店来说明这个问题。你将学到在Cairngorm架构中两个基础的模式：Value Object 模式和Model Locator模式。在本文的最后，你应该可以清晰地理解这些模式，并且我想你也可以用这些模式开发出自己的Flex应用程序了。<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="706" height="600"><param name="movie" value="http://www.xinhuaedu.cn/gallery/5/5-243.swf" /><param name="quality" value="high" /><param name="menu" value="false" /><param name="wmode" value="" /><embed src="http://www.xinhuaedu.cn/gallery/5/5-243.swf" wmode="" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="706" height="600"></embed></object> tag:www.xinhuaedu.cn,2006-10-29:106 Firework将可以导出成MXML 2006-10-29T09:07:59+0800 2006-10-29T09:07:59+0800 2006-10-29T09:07:59+0800 最新消息，Firework ... slobber http://www.xinhuaedu.cn/site/slobber.html nandi.wang@gmail.com web digest <p>最新消息，Firework 9将改变它的发展路线，不再简简单单的是一个位图设计软件（当然，原来也并不是一个简单的图像设计软件），它会有很多新的功能，其中一个就是可以导出为MXML文件，直接用Flex可以打开。这应该比在Flex里设计要方便许多，至少给了大家另外一个选择。</p><p>拭目以待。</p><p>http://blogs.adobe.com/jnack/2006/10/fireworks_does.html&nbsp;</p> tag:www.xinhuaedu.cn,2006-10-24:105 打算考个研了 2006-10-24T07:59:02+0800 2006-10-24T07:59:02+0800 2006-10-24T07:59:02+0800 ... slobber http://www.xinhuaedu.cn/site/slobber.html nandi.wang@gmail.com 随笔 <p>前两天监考，教育硕士，看了看题，天津师大的卷子真的是唬弄幼儿园的，两道程序题，一道是去除数组中重复元素，另一道忘了（简单的都没看下去）。结果考场里的一个大姐却答的驴唇不对马嘴，估计是背错题了。</p> <p>我也打算考研了，虽然没什么意义，不过确实是个文凭。但是打死不考师大的计算机教育硕士，大学时对那帮人已经有了深刻了解，唯一一个值得留念的教授已经退休了。</p> <p>也许我应该换个专业玩玩，中文专业的专业课卷子也很简单，师大的文学院还是有一定历史的，要考也不是考不下来的，关键是不知道跨专业能不能考，毕竟我是教计算机的。而且如果读这个教育硕士，我就不得不多分些时间来看书了，看书是我现在希望能做到却没时间做的奢望，光守着电脑了。</p> <p>如果不考教育硕士，另一个选择是软件工程硕士，这个要比教育硕士值钱多了，也贵多了，正在犹豫中。</p> <p>古文对我来说还是很有吸引力的，那些智慧不是当代人所能骐骥的，那些文字有时会让我以泪洗面，不是感动，而是震撼。最近看到的最震撼的一句话是：运海抟扶，必藉垂天之羽；乘流击汰，必伫飞云之楫。这句话是武则天说的，虽然道理是很简单的道理，但是说出来却很有气势，一句话中引经据典，有《庄子》、屈原的《涉江》。 </p> tag:www.xinhuaedu.cn,2006-10-06:104 引矢不引玉系列——动态加载外部XML语言文件构建多语言应用程序 2006-10-06T10:03:37+0800 2006-10-06T10:03:37+0800 2006-10-06T10:03:37+0800 ... slobber http://www.xinhuaedu.cn/site/slobber.html nandi.wang@gmail.com Flex <p>首先解下题目，一般都说抛砖引玉，但是我扔出去这块砖，不知道能不能引来玉，不过就算引不来玉，大家跟贴给点建议，射过来几个箭头，我也会很满足了。另外一个要声明的，这个词并不是我创的，虽然网上还搜不到，不过确实是某网友的创意，我借用下。这篇东西算是我的第一篇成篇幅的文章了，不能说是教程，只是把我遇到的问题及解决的方法，和大家分享一下。这系列文章将会继续出下去，会是不同主题，不过都还是比较基础的内容，给初学Flex的朋友开拓思路。</p> <p> 在本文中，将要去探讨如何在Flex中利用XML构建多语言设置。</p> <p> 在ActionScript 2中，Flash使用了mx.lang.Locale类来进行多语言文本控制，当然，通过类似</p> <p> myLabel.text = Locale.loadString(&quot;IDS_TITLE&quot;);</p> <p> 这样的ActionScript语句来获得当前语言的相关字符串，Locale所需要的语言文本是从一个XML文件中获得的，具体的方法大家可以去参考livedoc的相关内容，不过如果一个项目中有成百上千个Label需要进行本地化工作，通过ActionScript一个个的写，这也是一个大工程。</p> <p> 值得庆幸的，在ActionScript 3中我们不再需要mx.lang.Locale，因为Adobe已经把它取消了，采用ResourceBundle类，像JAVA借鉴的。不幸的是，Flex本身并不支持动态加载并显示语言文件，帮助原文中写道&ldquo;The localization feature currently supports static inclusion of localized resources and not dynamic retrieval of resources at run time.&rdquo;。关于如何使用ResourceBundle类以及如何利用.properties文件编译多语言文件，请参阅帮助和这篇文章（他也将要写一篇如何从XML加载并显示语言文本，应该会比我的这篇更有价值，我本来也打算看看他的，等了快一个月了，还不出来，希望不是太监文学）。</p> <p> 为了克服刚才提到ActionScript 2中的那样的问题，最好的解决方法是什么？是绑定。绑定可是一个好东西，可以让你省却很多代码，繁琐的操作。将文本与Labelçš„text属性绑定，这样当你选择其他语言时，就可以自动修改内容，而不需要你去特别编写什么了。</p><p>源代码：<a title="多语言程序" href="http://www.xinhuaedu.cn/resserver.php?blogId=5&amp;resource=MultiLanguage.zip">MultiLanguage.zip</a></p>好了，来看代码吧。<br />首先是XML语言文件，很简单，在这里我做了两个文件，一个中文的zh-cn.xml，一个英文的en-us.xml。<br /><pre class="actionscript"><div class="head">locale/zh-cn.xml</div><ol><li class="li1"><div class="de1">&lt;locale&gt;</div></li><li class="li1"><div class="de1"> &lt;phrase id=<span class="st0">&quot;title&quot;</span> value=<span class="st0">&quot;标题&quot;</span> /&gt;</div></li><li class="li1"><div class="de1"> &lt;phrase id=<span class="st0">&quot;content&quot;</span> value=<span class="st0">&quot;内容&quot;</span> /&gt;</div></li><li class="li1"><div class="de1">&lt;/locale&gt; </div></li></ol></pre><pre class="actionscript"><div class="head">locale/en-us.xml</div><ol><li class="li1"><div class="de1">&lt;locale&gt;</div></li><li class="li1"><div class="de1"> &lt;phrase id=<span class="st0">&quot;title&quot;</span> value=<span class="st0">&quot;Title&quot;</span> /&gt;</div></li><li class="li1"><div class="de1"> &lt;phrase id=<span class="st0">&quot;content&quot;</span> value=<span class="st0">&quot;Content&quot;</span> /&gt;</div></li><li class="li1"><div class="de1">&lt;/locale&gt; </div></li></ol></pre>每一个phrase就是一个条目，依次排下去就可以了。然后就是这个自定义的Locale类了。在这个类中，主要用到了以下知识，绑定元标记，XML读取及操作，鼠标指针，以及静态变量及方法。<br /><pre class="actionscript"><div class="head">Locale.as</div><ol><li class="li1"><div class="de1"><span class="co1" />package</div></li><li class="li1"><div class="de1"><span class="br0">{</span></div></li><li class="li1"><div class="de1"> <span class="kw3">import</span> flash.<span class="me1">net</span>.<span class="me1">URLRequest</span>;</div></li><li class="li1"><div class="de1"> <span class="kw3">import</span> flash.<span class="me1">net</span>.<span class="me1">URLLoader</span>;</div></li><li class="li1"><div class="de1"> <span class="kw3">import</span> mx.<span class="me1">managers</span>.<span class="me1">CursorManager</span>;</div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li1"><div class="de1"> <span class="kw3">public</span> <span class="kw2">class</span> Locale</div></li><li class="li1"><div class="de1"> <span class="br0">{</span> </div></li><li class="li1"><div class="de1"> <span class="kw3">private</span> <span class="kw3">static</span> var_phrase:<span class="kw3">Object</span>;</div></li><li class="li1"> </li><li class="li1"><div class="de1"> <span class="kw3">public</span> <span class="kw3">static</span> <span class="kw2">function</span> <span class="kw3">get</span> phrase<span class="br0">(</span><span class="br0">)</span>:<span class="kw3">Object</span></div></li><li class="li1"><div class="de1"> <span class="br0">{</span></div></li><li class="li1"><div class="de1"> <span class="kw1">return</span> _phrase;</div></li><li class="li1"><div class="de1"> <span class="br0">}</span></div></li><li class="li1"> </li><li class="li1"><div class="de1"> <span class="br0">[</span>Bindable<span class="br0">]</span></div></li><li class="li1"><div class="de1"> <span class="kw3">public</span> <span class="kw2">function</span> <span class="kw3">get</span> phrase<span class="br0">(</span><span class="br0">)</span>:<span class="kw3">Object</span></div></li><li class="li1"><div class="de1"> <span class="br0">{</span></div></li><li class="li1"><div class="de1"> <span class="kw1">return</span> _phrase;</div></li><li class="li1"><div class="de1"> <span class="br0">}</span></div></li><li class="li1"><div class="de1"> <span class="kw3">private</span> <span class="kw2">function</span> <span class="kw3">set</span> phrase<span class="br0">(</span>p:<span class="kw3">Object</span><span class="br0">)</span>:<span class="kw3">void</span></div></li><li class="li1"><div class="de1"> <span class="br0">{</span></div></li><li class="li1"><div class="de1"> phrase = p;</div></li><li class="li1"><div class="de1"> <span class="br0">}</span></div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li1"><div class="de1"> <span class="kw3">public</span> <span class="kw2">function</span> getLanguage<span class="br0">(</span>lang:<span class="kw3">String</span> = <span class="st0">'zh-cn'</span><span class="br0">)</span>:<span class="kw3">void</span></div></li><li class="li1"><div class="de1"> <span class="br0">{</span></div></li><li class="li1"><div class="de1"> <span class="kw2">var</span> xmlURL:<span class="kw3">String</span> = <span class="st0">&quot;locale/&quot;</span> + lang + <span class="st0">&quot;.xml&quot;</span>;</div></li><li class="li1"><div class="de1"> <span class="kw2">var</span> xmlRequest:URLRequest = <span class="kw2">new</span> URLRequest<span class="br0">(</span>xmlURL<span class="br0">)</span>;</div></li><li class="li1"><div class="de1"> <span class="kw2">var</span> xmlLoader:URLLoader = <span class="kw2">new</span> URLLoader<span class="br0">(</span>xmlRequest<span class="br0">)</span>;</div></li><li class="li1"><div class="de1"> xmlLoader.<span class="me1">addEventListener</span><span class="br0">(</span>Event.<span class="me1">COMPLETE</span>,</div></li><li class="li1"><div class="de1"> loadedHandler<span class="br0">)</span>; </div></li><li class="li1"><div class="de1"> mx.<span class="me1">managers</span>.<span class="me1">CursorManager</span>.<span class="me1">setBusyCursor</span><span class="br0">(</span><span class="br0">)</span>;</div></li><li class="li1"><div class="de1"> <span class="br0">}</span></div></li><li class="li1"><div class="de1"> <span class="kw3">private</span> <span class="kw2">function</span> loadedHandler<span class="br0">(</span>event:Event<span class="br0">)</span>:<span class="kw3">void</span></div></li><li class="li1"><div class="de1"> <span class="br0">{</span></div></li><li class="li1"><div class="de1"> <span class="kw2">var</span> <span class="kw3">xml</span>:<span class="kw3">XML</span> = <span class="kw2">new</span> <span class="kw3">XML</span><span class="br0">(</span>event.<span class="kw3">target</span>.<span class="kw3">data</span><span class="br0">)</span>;</div></li><li class="li1"><div class="de1"> <span class="kw2">var</span> p:<span class="kw3">Object</span> = <span class="kw2">new</span> <span class="kw3">Object</span><span class="br0">(</span><span class="br0">)</span>;</div></li><li class="li1"><div class="de1"> <span class="kw1">for</span> each <span class="br0">(</span><span class="kw2">var</span> pxml:<span class="kw3">XML</span> <span class="kw1">in</span> <span class="kw3">xml</span>.<span class="me1">children</span><span class="br0">(</span><span class="br0">)</span><span class="br0">)</span></div></li><li class="li1"><div class="de1"> <span class="br0">{</span></div></li><li class="li1"><div class="de1"> p<span class="br0">[</span>pxml.@id<span class="br0">]</span> = pxml.@value;</div></li><li class="li1"><div class="de1"> <span class="br0">}</span></div></li><li class="li1"><div class="de1"> phrase = p;</div></li><li class="li1"><div class="de1"> CursorManager.<span class="me1">removeBusyCursor</span><span class="br0">(</span><span class="br0">)</span>;</div></li><li class="li1"><div class="de1"> <span class="br0">}</span></div></li><li class="li1"><div class="de1"> <span class="br0">}</span></div></li><li class="li1"><div class="de1"><span class="br0">}</span> </div></li></ol></pre>使用时，主程序的代码<br /><pre class="actionscript"><div class="head">LocaleDemo.mxml</div><ol><li class="li1"><div class="de1">&lt;?<span class="kw3">xml</span> <span class="kw3">version</span>=<span class="st0">&quot;1.0&quot;</span> encoding=<span class="st0">&quot;utf-8&quot;</span>?&gt;</div></li><li class="li1"><div class="de1">&lt;mx:Application xmlns:mx=<span class="st0">&quot;http://www.adobe.com/2006/mxml&quot;</span></div></li><li class="li1"><div class="de1"> creationComplete=<span class="st0">&quot;initApp();&quot;</span> xmlns:ns1=<span class="st0">&quot;*&quot;</span>&gt;</div></li><li class="li1"><div class="de1"> &lt;mx:Script&gt;</div></li><li class="li1"><div class="de1"> &lt;!<span class="br0">[</span>CDATA<span class="br0">[</span></div></li><li class="li1"><div class="de1"> <span class="br0">[</span>Bindable<span class="br0">]</span></div></li><li class="li1"><div class="de1"> <span class="kw3">public</span> <span class="kw2">var</span> locale:Locale;</div></li><li class="li1"><div class="de1"> <span class="kw3">private</span> <span class="kw2">function</span> initApp<span class="br0">(</span><span class="br0">)</span>:<span class="kw3">void</span></div></li><li class="li1"><div class="de1"> <span class="br0">{</span></div></li><li class="li1"><div class="de1"> locale = <span class="kw2">new</span> Locale<span class="br0">(</span><span class="br0">)</span>;</div></li><li class="li1"><div class="de1"> locale.<span class="me1">getLanguage</span><span class="br0">(</span><span class="br0">)</span>;</div></li><li class="li1"><div class="de1"> <span class="br0">}</span></div></li><li class="li1"><div class="de1"> <span class="br0">]</span><span class="br0">]</span>&gt;</div></li><li class="li1"><div class="de1"> &lt;/mx:Script&gt;</div></li><li class="li1"><div class="de1"> &lt;mx:Label <span class="kw3">width</span>=<span class="st0">&quot;50%&quot;</span> <span class="kw3">height</span>=<span class="st0">&quot;50%&quot;</span> x=<span class="st0">&quot;208&quot;</span> id=<span class="st0">&quot;label1&quot;</span> y=<span class="st0">&quot;25&quot;</span></div></li><li class="li1"><div class="de1"> <span class="kw3">text</span>=<span class="st0">&quot;{locale.phrase.title}&quot;</span>/&gt;</div></li><li class="li1"><div class="de1"> &lt;mx:Label <span class="kw3">width</span>=<span class="st0">&quot;50%&quot;</span> <span class="kw3">height</span>=<span class="st0">&quot;50%&quot;</span> x=<span class="st0">&quot;208&quot;</span> id=<span class="st0">&quot;label2&quot;</span> y=<span class="st0">&quot;55&quot;</span></div></li><li class="li1"><div class="de1"> <span class="kw3">text</span>=<span class="st0">&quot;{locale.phrase.content}&quot;</span>/&gt;</div></li><li class="li1"><div class="de1"> &lt;mx:<span class="kw3">Button</span> label=<span class="st0">&quot;change&quot;</span></div></li><li class="li1"><div class="de1"> click=<span class="st0">&quot;locale.getLanguage('en-us');&quot;</span> /&gt;</div></li><li class="li1"><div class="de1">&lt;/mx:Application&gt; </div></li></ol></pre>代码其实很简单，但是为了让它更好工作，我其实尝试了很多的方法，首先我考虑，这个Locale应该是一个静态的对象，因为当你在整个应用程序里去布置语言字符串时，不应该使用类的实例，而是直接去调用类的静态方法，但是Flex跟我说声对不起，bindable isn&rsquo;t support static。结果到最后，我不得不去使用一个折中的方法，为它准备了两套输出，一个静态的，用在ActionScript脚本中，这样写起来也短些；另一个就是用于绑定的，当你在一个自定义组件内使用时需要去调用application下的locale对象，不要去尝试在自定义组件中建立一个对locale的弱引用对象，没用的，弱引用之后以不支持绑定，必须写全，后面在具体说明。<br /><pre class="actionscript"><ol><li class="li1"><div class="de1">&lt;mx:Lable <span class="kw3">text</span>=&rdquo;<span class="br0">{</span>Application.<span class="me1">application</span>.<span class="me1">locale</span>.<span class="me1">somePhrase</span><span class="br0">}</span>&rdquo; /&gt; </div></li></ol></pre>Flex调用文件需要使用flash.net.URLLoaderå’Œflash.net.URLRequest类，就像上面代码中getLanguage(lang:String)所写的<br /><pre class="actionscript"><ol><li class="li1"><div class="de1"><span class="kw2">var</span> xmlURL:<span class="kw3">String</span> = <span class="st0">&quot;locale/&quot;</span> + lang + <span class="st0">&quot;.xml&quot;</span>;</div></li><li class="li1"><div class="de1"><span class="kw2">var</span> xmlRequest:URLRequest = <span class="kw2">new</span> URLRequest<span class="br0">(</span>xmlURL<span class="br0">)</span>;</div></li><li class="li1"><div class="de1"><span class="kw2">var</span> xmlLoader:URLLoader = <span class="kw2">new</span> URLLoader<span class="br0">(</span>xmlRequest<span class="br0">)</span>; </div></li></ol></pre>loader加载完毕后，文件内容会储存在loader.data中，等加载后就通过loadedHandler函数来继续处理。<br /><pre class="actionscript"><ol><li class="li1"><div class="de1">xmlLoader.<span class="me1">addEventListener</span><span class="br0">(</span>Event.<span class="me1">COMPLETE</span>, loadedHandler<span class="br0">)</span>; </div></li><li class="li1"><div class="de1">mx.<span class="me1">managers</span>.<span class="me1">CursorManager</span>.<span class="me1">setBusyCursor</span><span class="br0">(</span><span class="br0">)</span>; </div></li></ol></pre>这里，将鼠标变成忙的标识，告诉用户，程序正在工作。CursorManager一般常用的就是setBusyCursor()å’ŒremoveBusyCursor()，当然也还有其他的功能，比如将鼠标换成其他图标等等，这个很简单，帮助里介绍的很详细了。<br />大家应该都很清楚Flex框架是事件驱动的异步传输结构，因此，当你写完new URLLoader(xmlRequest)之后，程序不可能马上得到数据，因此，如果你在主程序的initApp()函数中调用locale.getLanguage();之后马上去trace(locale.phrase.title);，那是什么也不会出现的，必须等加载完成之后，phrase中才会有数据，也才能去显示。这样就显示出绑定的好处了，当phrase改变时，由于它是可以绑定对象，它会dispatch一个propertyChanged的事件，然后，各种它绑定到组件就会更新它们的内容，多省事。就是主程序中的加粗部分。<br /><pre class="actionscript"><ol><li class="li1"><div class="de1">&lt;mx:Label id=<span class="st0">&quot;label1&quot;</span> <span class="kw3">text</span>=<span class="st0">&quot;{locale.phrase.title}&quot;</span>/&gt;</div></li><li class="li1"><div class="de1">&lt;mx:Label id=<span class="st0">&quot;label2&quot;</span> <span class="kw3">text</span>=<span class="st0">&quot;{locale.phrase.content}&quot;</span>/&gt; </div></li></ol></pre>当再次调用getLanguage()时，绑定的text也会自动更新内容，这样就成英语了。<br />还有一块源代码没说呢，就是Locale类中的loadedHandler。<br /><pre class="actionscript"><ol><li class="li1"><div class="de1"><span class="kw3">private</span> <span class="kw2">function</span> loadedHandler<span class="br0">(</span>event:Event<span class="br0">)</span>:<span class="kw3">void</span></div></li><li class="li1"><div class="de1"><span class="br0">{</span></div></li><li class="li1"><div class="de1"> <span class="kw2">var</span> <span class="kw3">xml</span>:<span class="kw3">XML</span> = <span class="kw2">new</span> <span class="kw3">XML</span><span class="br0">(</span>event.<span class="kw3">target</span>.<span class="kw3">data</span><span class="br0">)</span>;</div></li><li class="li1"><div class="de1"> <span class="kw2">var</span> p:<span class="kw3">Object</span> = <span class="kw2">new</span> <span class="kw3">Object</span><span class="br0">(</span><span class="br0">)</span>;</div></li><li class="li1"><div class="de1"> <span class="kw1">for</span> each <span class="br0">(</span><span class="kw2">var</span> pxml:<span class="kw3">XML</span> <span class="kw1">in</span> <span class="kw3">xml</span>.<span class="me1">children</span><span class="br0">(</span><span class="br0">)</span><span class="br0">)</span></div></li><li class="li1"><div class="de1"> <span class="br0">{</span></div></li><li class="li1"><div class="de1"> p<span class="br0">[</span>pxml.@id<span class="br0">]</span> = pxml.@value;</div></li><li class="li1"><div class="de1"> <span class="br0">}</span></div></li><li class="li1"><div class="de1"> phrase = p;</div></li><li class="li1"><div class="de1"> CursorManager.<span class="me1">removeBusyCursor</span><span class="br0">(</span><span class="br0">)</span>;</div></li><li class="li1"><div class="de1"><span class="br0">}</span> </div></li></ol></pre>这里首先将loader的数据由String转变为XML，然后利用for each，把这些语句条目存到一个对象里。<br />Flex的对象操作是非常灵活的。Object本身是一个动态类，也就是说，你可以声明对象是决定它的属性，也可以在声明后随时在这个对象的实例中添加属性。例如：<br /><pre class="actionscript"><ol><li class="li1"><div class="de1"><span class="kw2">var</span> o:<span class="kw3">Object</span> = <span class="kw2">new</span> <span class="kw3">Object</span><span class="br0">(</span><span class="br0">)</span>;</div></li><li class="li1"><div class="de1">o.<span class="me1">prop1</span> = <span class="st0">&quot;string&quot;</span>;</div></li><li class="li1"><div class="de1">o.<span class="me1">prop2</span> = <span class="br0">{</span>label:<span class="st0">'Label'</span>, value:<span class="st0">'Value'</span><span class="br0">}</span>;</div></li><li class="li1"><div class="de1">o.<span class="me1">prop3</span> = <span class="nu0">4</span>;</div></li><li class="li1"><div class="de1">o.<span class="me1">prop4</span> = <span class="kw2">new</span> <span class="kw3">Array</span><span class="br0">(</span><span class="nu0">1</span>, <span class="nu0">2</span>, <span class="nu0">3</span>, <span class="nu0">4</span><span class="br0">)</span>; </div></li></ol></pre>除了这样添加属性之外，你还可以使用[]来添加属性，就像这样：<br /><pre class="actionscript"><ol><li class="li1"><div class="de1"><span class="kw2">var</span> o:<span class="kw3">Object</span> = <span class="kw2">new</span> <span class="kw3">Object</span><span class="br0">(</span><span class="br0">)</span>;</div></li><li class="li1"><div class="de1">o<span class="br0">[</span><span class="st0">'prop1'</span><span class="br0">]</span> = <span class="st0">&quot;string&quot;</span>;</div></li><li class="li1"><div class="de1">o<span class="br0">[</span><span class="st0">'prop2'</span><span class="br0">]</span> = <span class="br0">{</span>label:<span class="st0">'Label'</span>, value:<span class="st0">'Value'</span><span class="br0">}</span>;</div></li><li class="li1"><div class="de1">o<span class="br0">[</span><span class="st0">'prop3'</span><span class="br0">]</span> = <span class="nu0">4</span>;</div></li><li class="li1"><div class="de1">o<span class="br0">[</span><span class="st0">'prop4'</span><span class="br0">]</span> = <span class="kw2">new</span> <span class="kw3">Array</span><span class="br0">(</span><span class="nu0">1</span>, <span class="nu0">2</span>, <span class="nu0">3</span>, <span class="nu0">4</span><span class="br0">)</span>; </div></li></ol></pre>而我们程序中所使用的就是这个方法，关于XML操作中&ldquo;@&rdquo;运算符，大家可以去看其他的文章，讲的都很详细。<br /><pre class="actionscript"><ol><li class="li1"><div class="de1">p<span class="br0">[</span>pxml.@id<span class="br0">]</span> = pxml.@value; </div></li></ol></pre>我想，现在你对这个程序的流程很了解了吧，很简单吧。下面我们继续尝试这个类去进行多语言开发。我刚刚提到，如果你自定义了一个组件，而不是在主程序Application中使用locale怎么办？很简单，就像这样：<br /><pre class="actionscript"><div class="head">Comp.mxml</div><ol><li class="li1"><div class="de1">&lt;?<span class="kw3">xml</span> <span class="kw3">version</span>=<span class="st0">&quot;1.0&quot;</span> encoding=<span class="st0">&quot;utf-8&quot;</span>?&gt;</div></li><li class="li1"><div class="de1">&lt;mx:VBox xmlns:mx=<span class="st0">&quot;http://www.adobe.com/2006/mxml&quot;</span>&gt;</div></li><li class="li1"><div class="de1"> &lt;mx:Label id=<span class="st0">&quot;label&quot;</span></div></li><li class="li1"><div class="de1"> <span class="kw3">text</span>=<span class="st0">&quot;{Application.application.locale.phrase.title}&quot;</span> /&gt;</div></li><li class="li1"><div class="de1"> &lt;mx:<span class="kw3">Button</span> id=<span class="st0">&quot;button&quot;</span> label=<span class="st0">&quot;修改&quot;</span></div></li><li class="li1"><div class="de1"> click=<span class="st0">&quot;clickHandler(event)&quot;</span> /&gt;</div></li><li class="li1"><div class="de1"> &lt;mx:Script&gt;</div></li><li class="li1"><div class="de1"> &lt;!<span class="br0">[</span>CDATA<span class="br0">[</span></div></li><li class="li1"><div class="de1"> <span class="kw3">import</span> mx.<span class="me1">core</span>.<span class="me1">Application</span>;</div></li><li class="li1"><div class="de1">&nbsp;</div></li><li class="li1"><div class="de1"> <span class="kw3">public</span> <span class="kw2">function</span> clickHandler<span class="br0">(</span><span class="kw3">e</span>:Event<span class="br0">)</span>:<span class="kw3">void</span></div></li><li class="li1"><div class="de1"> <span class="br0">{</span></div></li><li class="li1"><div class="de1"> Label.<span class="kw3">text</span> = Locale.<span class="me1">phrase</span>.<span class="me1">content</span>;</div></li><li class="li1"><div class="de1"> <span class="br0">}</span></div></li><li class="li1"><div class="de1"> <span class="br0">]</span><span class="br0">]</span>&gt;</div></li><li class="li1"><div class="de1"> &lt;/mx:Script&gt;</div></li><li class="li1"><div class="de1">&lt;/mx:VBox&gt; </div></li></ol></pre><p>你在一个Script中打算修改Label.text的话，就可以使用Locale的静态方法，这样可以少打些字，还需要强调的是，你需要确保这时xml文件已经处理完毕。不过，一般情况下，运行这种事件中的代码时，肯定都已经把xml读进来了。</p><p>最后是修改后的主程式<br /></p><pre class="actionscript"><div class="head">LocaleDemo.mxml</div><ol><li class="li1"><div class="de1">&lt;?<span class="kw3">xml</span> <span class="kw3">version</span>=<span class="st0">&quot;1.0&quot;</span> encoding=<span class="st0">&quot;utf-8&quot;</span>?&gt;</div></li><li class="li1"><div class="de1">&lt;mx:Application xmlns:mx=<span class="st0">&quot;http://www.adobe.com/2006/mxml&quot;</span></div></li><li class="li1"><div class="de1"> creationComplete=<span class="st0">&quot;initApp();&quot;</span> xmlns:ns1=<span class="st0">&quot;*&quot;</span>&gt;</div></li><li class="li1"><div class="de1"> &lt;mx:Script&gt;</div></li><li class="li1"><div class="de1"> &lt;!<span class="br0">[</span>CDATA<span class="br0">[</span></div></li><li class="li1"><div class="de1"> <span class="kw3">import</span> mx.<span class="me1">utils</span>.<span class="me1">ObjectUtil</span>;</div></li><li class="li1"> </li><li class="li1"><div class="de1"> <span class="br0">[</span>Bindable<span class="br0">]</span></div></li><li class="li1"><div class="de1"> <span class="kw3">public</span> <span class="kw2">var</span> lang:<span class="kw3">Array</span> = <span class="kw2">new</span> <span class="kw3">Array</span><span class="br0">(</span></div></li><li class="li1"><div class="de1"> <span class="br0">{</span>label:<span class="st0">'中文'</span>,<span class="kw3">data</span>:<span class="st0">'zh-cn'</span><span class="br0">}</span>,</div></li><li class="li1"><div class="de1"> <span class="br0">{</span>label:<span class="st0">'English'</span>,<span class="kw3">data</span>:<span class="st0">'en-us'</span><span class="br0">}</span><span class="br0">)</span>;</div></li><li class="li1"> </li><li class="li1"><div class="de1"> <span class="br0">[</span>Bindable<span class="br0">]</span></div></li><li class="li1"><div class="de1"> <span class="kw3">public</span> <span class="kw2">var</span> locale:Locale;</div></li><li class="li1"><div class="de1"> <span class="kw3">private</span> <span class="kw2">function</span> initApp<span class="br0">(</span><span class="br0">)</span>:<span class="kw3">void</span></div></li><li class="li1"><div class="de1"> <span class="br0">{</span></div></li><li class="li1"><div class="de1"> locale = <span class="kw2">new</span> Locale<span class="br0">(</span><span class="br0">)</span>;</div></li><li class="li1"><div class="de1"> locale.<span class="me1">getLanguage</span><span class="br0">(</span><span class="br0">)</span>;</div></li><li class="li1"><div class="de1"> <span class="br0">}</span></div></li><li class="li1"><div class="de1"> <span class="br0">]</span><span class="br0">]</span>&gt;</div></li><li class="li1"><div class="de1"> &lt;/mx:Script&gt;</div></li><li class="li1"><div class="de1"> &lt;mx:Label id=<span class="st0">&quot;label1&quot;</span> <span class="kw3">text</span>=<span class="st0">&quot;{locale.phrase.title}&quot;</span>/&gt;</div></li><li class="li1"><div class="de1"> &lt;mx:Label id=<span class="st0">&quot;label2&quot;</span> <span class="kw3">text</span>=<span class="st0">&quot;{locale.phrase.content}&quot;</span>/&gt;</div></li><li class="li1"><div class="de1"> &lt;ns1:Comp&gt;&lt;/ns1:Comp&gt;</div></li><li class="li1"><div class="de1"> &lt;mx:ComboBox dataProvider=<span class="st0">&quot;{lang}&quot;</span> id=<span class="st0">&quot;cb&quot;</span></div></li><li class="li1"><div class="de1"> change=<span class="st0">&quot;locale.getLanguage(cb.selectedItem.data)&quot;</span> /&gt;</div></li><li class="li1"><div class="de1">&lt;/mx:Application&gt; </div></li></ol></pre><p>基本上就是这些了，在大家射箭矢之前，我先说下现在的问题，第一这只是一个Demo，没有丝毫容错性，比如，如果我尝试使用xml中没有的一个条目，那么它会在程序中留下空白，而正常情况下应该用那个id来代替字符串，还有，如果找不到xml文件呢。这些我都没有在这来写，如果把这些写上，我想大家会晕掉的。<br />更完备的代码等着大家了。<br /><br /></p> tag:www.xinhuaedu.cn,2006-09-27:103 中秋到，特意做了一個新模板 2006-09-27T15:34:50+0800 2006-09-27T15:34:50+0800 2006-09-27T15:34:50+0800 ... slobber http://www.xinhuaedu.cn/site/slobber.html nandi.wang@gmail.com 随笔 <p>就是现在本博客使用的模板啦。最喜欢的就是logo了，把鼠标放上去看看~~~~~~。</p><p>lifetype可以使用，压缩包里有fla原文件，你可以去修改成自己的logo。</p><p>下载 <a title="moonNight" href="http://www.xinhuaedu.cn/resserver.php?blogId=5&amp;resource=moonNight.zip">moonNight.zip</a></p> tag:www.xinhuaedu.cn,2006-09-06:102 [翻译]使用 Flex 2 与 AMFPHP 2006-09-06T07:53:42+0800 2006-09-06T07:53:42+0800 2006-09-06T07:53:42+0800 在另一篇文章 (整合 Flex 2 与 PHP) 中，我演示了如何开发一个简单的 Adobe Flex 2 ... slobber http://www.xinhuaedu.cn/site/slobber.html nandi.wang@gmail.com Flex <p>在另一篇文章 (整合 Flex 2 与 PHP) 中，我演示了如何开发一个简单的 Adobe Flex 2 应用程序去连接到一个 PHP 后台程序。如果你已经读了这篇文章，可能你会考虑有没有途径使 Flex 程序与 PHP 之间直接交换变量，而不用将它们编码为 XML？答案是肯定的，在本文中，我将展示如何实现它。</p> <p><strong>注意:</strong> 本教程是基于Flex 2 Beta 3的。我将尽快将它更新到 Flex 的零售版本。</p> <h3>前提</h3> <p>为了实现本文的大部分目标，你需要安装以下的软件和文件:</p> <h4>Flex Builder 2 (包含 SDK)</h4> <ul> <li><a href="/go/devcenter_flex_try">Try</a></li> <li><a href="/go/devcenter_flex_buy">Buy</a></li> </ul> <h4>AMFPHP 1.1</h4> <ul> <li><a href="http://sourceforge.net/project/showfiles.php?group_id=72483" target="_blank">更多信息</a></li> </ul> <h4>PHP (安装在本地的一个服务器上)</h4> <br /> <h4>预备知识</h4> <p>PHP 中级知识。</p> <h3>开始</h3> <p>如果你打算去构建一个中型或者大型的企业级应用，你需要使用 Adobe Flex Data Services 2 (缩写为 FDS)。通过高性能的数据传输，基于消息的发布订阅机制，以及更多的特性，FDS 实现了数据交互的简单高效。而 AMFPHP 是仅实现了一个 FDS 功能的一个小的子集。如果工作于一个大型公司，在数据交换层上，你可能需要考虑下 FDS。</p> <p>实现本教程任务的关键是一个称为 <a href="http://amfphp.sourceforge.net/" target="_blank">AMFPHP</a> 的项目。这个项目最开始是由 Wolfgang Hamann 开始的。项目团队逐渐成长，现在大约有五、六个开发者。由于他们的努力工作，Flex 社区现在有了一个从 Flex 前台到 PHP 后台的桥梁。</p> <p>如果环境还没准备好，你需要去下载安装 Flex 2 and <a href="http://sourceforge.net/project/showfiles.php?group_id=72483" target="_blank">AMFPHP v. 1.1</a> (详细信息请阅读帮助文件)。当然，如果你没有读过我的另一篇文章《整合 Flex 2 与 PHP》，也建议你去看看。</p> <p>本教程中你建立的这个例子将示范如何使用 Flex 来显示一个数据库中的记录。你不需要去插入或更新任何记录，仅仅就是给用户显示数据。使用的是和之前文章中的例子相同的数据库，如果之前你已经建立过了，用那个也没有问题。没有建立数据库的话，建立如下的 MySQL 表:</p> <div class="prewrapper"><pre>CREATE TABLE 'users' ( 'userid' int(10) unsigned NOT NULL auto_increment, 'username' varchar(255) collate latin1_general_ci NOT NULL, 'emailaddress' varchar(255) collate latin1_general_ci NOT NULL, PRIMARY KEY ('userid') ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=3 ;</pre></div> <p>在数据库中添加几行数据。字段名说明了它应该填的内容。别忘了，这个例子只是从数据库中显示数据，如果你不添加些，你就没什么可显示的了。可以使用 PHPMyAdmin 来往表里添加数据。</p> <p>下面是一个新的 PHP 代码。 将这部分代码以 <strong>sample.php</strong> 文件名保存在你的 AMFPHP 安装位置的 services 文件夹中:</p> <div class="prewrapper"> <pre> &lt;?php // Create new service for PHP Remoting as Class class sample { function sample () { // Define the methodTable for this class in the constructor $this-&gt;methodTable = array( &quot;getUsers&quot; =&gt; array( &quot;description&quot; =&gt; &quot;Return a list of users&quot;, &quot;access&quot; =&gt; &quot;remote&quot; ) ); } function getUsers () { $mysql = mysql_connect(localhost, &quot;username&quot;, &quot;password&quot;); mysql_select_db( &quot;sample&quot; ); //return a list of all the users $Query = &quot;SELECT * from users&quot;; $Result = mysql_query( $Query ); while ($row = mysql_fetch_object($Result)) { $ArrayOfUsers[] = $row; } return( $ArrayOfUsers ); } } ?&gt; </pre> </div> <p>如果你对 AMFPHP 比较熟悉，这段代码是不是很简单？</p> <p>类名要和文件名相同。在这个例子中，文件名为 sample.php，所以类名为 sample。当一个类加载时，它运行 sample() 函数 (类总是通过调用和类名相同的函数来进行初始化)，这个函数中定义了 AMFPHP 可以使用的方法。这个例子中，只有一个方法: getUsers，如同描述中所写的，它返回一个用户信息列表。在这个函数中，你可以看到它真的相当简单: 连接到一个 MySQL 数据库，获得所有用户，最后返回一个包含用户信息的数组。</p> <h3>前台应用程序</h3> <p>现在让我们看看前台的应用程序，sample.mxml，最终以 Flash 的形式显示。令人惊奇的是，它仅仅需要大约 50 行代码。</p> <div class="prewrapper"> <pre> &lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt; &lt;mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot; xmlns=&quot;*&quot; creationComplete=&quot;initApplication()&quot;&gt; &lt;mx:DataGrid dataProvider=&quot;{dataProvider}&quot;&gt; &lt;mx:columns&gt; &lt;mx:DataGridColumn headerText=&quot;Userid&quot; dataField=&quot;userid&quot;/&gt; &lt;mx:DataGridColumn headerText=&quot;User Name&quot; dataField=&quot;username&quot;/&gt; &lt;mx:DataGridColumn headerText=&quot;User Name&quot; dataField=&quot;emailaddress&quot;/&gt; &lt;/mx:columns&gt; &lt;/mx:DataGrid&gt; &lt;mx:Script&gt; &lt;![CDATA[ [Bindable] public var dataProvider:Array; import flash.net.Responder; public var gateway : RemotingConnection; public function initApplication() { gateway = new RemotingConnection( &quot;http://localhost/flex/php/gateway.php&quot; ); gateway.call( &quot;sample.getUsers&quot;, new Responder(onResult, onFault)); } public function onResult( result : Array ) : void { dataProvider = result; } public function onFault( fault : String ) : void { trace( fault ); } ]]&gt; &lt;/mx:Script&gt; &lt;/mx:Application&gt; </pre> </div> <p>第一行，&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;，声明这是一个 XML 文档。所有的 Flex 应用程序第一行都是这句话。</p> <p>第二行声明这是一个应用程序，并且在 Flash 加载 (creationComplete) 后运行 initApplication() 函数:</p> <div class="prewrapper"> <pre> &lt;mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot; xmlns=&quot;*&quot; creationComplete=&quot;initApplication()&quot;&gt; </pre> </div> <p>下一部分是一个用来显示用户列表的 DataGrid 组件:</p> <div class="prewrapper"> <pre> &lt;mx:DataGrid dataProvider=&quot;{PHPData}&quot;&gt; &lt;mx:columns&gt; &lt;mx:DataGridColumn headerText=&quot;Userid&quot; dataField=&quot;userid&quot;/&gt; &lt;mx:DataGridColumn headerText=&quot;User Name&quot; dataField=&quot;username&quot;/&gt; &lt;mx:DataGridColumn headerText=&quot;User Email&quot; dataField=&quot;emailaddress&quot;/&gt; &lt;/mx:columns&gt; &lt;/mx:DataGrid&gt; </pre> </div> <p>不像在文章《整合 Flex 2 与 PHP》中的 DataGrid 组件，这个组件显示数据库中的全部三列信息。注意，列名元素必须和 MySQL 表中的字段名匹配。</p> <p>以下的部分是一系列 ActionScript 指令:</p> <div class="prewrapper"> <pre> &lt;mx:Script&gt; &lt;![CDATA[ [Bindable] public var PHPData:Array; import flash.net.Responder; public var gateway : RemotingConnection; public function initApplication() { gateway = new RemotingConnection( &quot;http://localhost/flex/php/gateway.php&quot; ); gateway.call( &quot;sample.getUsers&quot;, new Responder(onResult, onFault)); } public function onResult( result : Array ) : void { PHPData = result; } public function onFault( fault : String ) : void { trace( fault ); } ]]&gt; &lt;/mx:Script&gt; </pre> </div> <p>下面说明这部分的功能。以下几行声明了一个数组: PHPData，它可以绑定到 ([Bindable]) MXML 对象上:</p> <div class="prewrapper"> <pre> [Bindable] public var PHPData:Array; </pre> </div> <p>在本例中，PHPData 数组作为 dataProvider 被绑定到 &lt;mx:DataGrid&gt;。这意味着 DataGrid 从 PHPData 变量中获得数据；本例中，它是一个 PHP 对象数组</p> <p>以下的代码片断对于 Flex 调用 AMFPHP 是必须的:</p> <div class="prewrapper"> <pre> import flash.net.Responder; public var gateway : RemotingConnection; public function initApplication() : void { gateway = new RemotingConnection( &quot;http://localhost/flex/php/gateway.php&quot; ); gateway.call( &quot;sample.getUsers&quot;, new Responder(onResult, onFault)); } public function onResult( result : Array ) : void { PHPData = result; } public function onFault( fault : String ) : void { trace( fault ); } </pre> </div> <p>首先，代码导入 flash.net.Responder 包，里面包含用来进行远程访问的类。实际上，Flex 会在你声明一个新 Responser 时自动导入这个包。我在这写上它仅仅是为了说明它的使用。</p> <p>接下来，代码定义了一个变量——gateway，是一个 RemotingConnection 数据类型。其实你已经知道这个 RemotingConnection 数据类型了——在 Flex 应用程序的目录中有个叫 RemotingConnection.as 的文件，其中包含以下代码:</p> <div class="prewrapper"> <pre> package { import flash.net.NetConnection; import flash.net.ObjectEncoding; public class RemotingConnection extends NetConnection { public function RemotingConnection( sURL:String ) { objectEncoding = ObjectEncoding.AMF0; if (sURL) connect( sURL ); } public function AppendToGatewayUrl( s : String ) : void { // } } } </pre> </div> <p>注意类名要和文件名相同。本例中，你在 NetConnection 包中添加一个新方法——AppendToGatewayUrl.</p> <p>下一步，写了一个函数，initApplication:</p> <div class="prewrapper"> <pre> public function initApplication() { gateway = new RemotingConnection( &quot;http://localhost/flex/php/gateway.php&quot; ); gateway.call( &quot;sample.getUsers&quot;, new Responder(onResult, onFault)); }</pre></div> <p>当你的程序加载后首先运行 initApplication 函数。通过变量 gateway 建立一个新连接到 AMFPHP 中的 gateway.php 脚本。gateway.php 文件按照代码中的位置设置。然后，在下一行中调用 sample 类中的函数 getUsers (sample.getUsers)。响应时，你运行如下两个函数中的一个: 如果一切正常运行 onResult，如果遇到错误运行 onFault。</p> <p>下面的一行将变量 result 赋值给变量 PHPData，变量 result 是由 AMFPHP 传送给 ActionScript çš„:</p> <div class="prewrapper"> <pre> public function onResult( result : Array ) : void { PHPData = result; }</pre> </div> <p>这是当你运行 MySQL 查询 ($ArrayOfUsers) 后返回的 PHP 对象数组。AMFPHP 已经为你将 PHP 对象数组翻译为 ActionScript 对象数组。很酷，是吧？</p> <p>现在看看最后一行:</p> <div class="prewrapper"> <pre> public function onFault( fault : String ) : void { trace( fault ); } </pre> </div> <p>本例中，如果发生错误，此处就是用来处理错误的，可能给用户显示一条信息。在这个例子中，就是简单的 trace 一下故障变量，当你在调试模式下运行 Flex 应用程序时，trace 是非常有用的函数。</p> <p>也许对于初学者还是有些复杂，让我们清楚地说明下各个文件的位置。你一共建立了三个文件，另外你下载及使用的 AMFPHP 有一堆文件。</p> <ul> <li>å°† Flex 项目文件 sample.mxml å’Œ RemotingConnection.as 放到同一个文件夹。</li> <li>å°† PHP 文件，例如 AMFPHP 中的 actions、adapters、app、browser 等文件夹，放在 services 文件夹中。</li> <li>å°† PHP 文件从 AMFPHP 目录放到你的网络服务器的根目录。</li> <li>å°† sample.php 放到 AMFPHP 项目的 services 目录中。</li> </ul> <p>这样，你编写了一个非常简单的应用程序，它演示了如何从 Flex 前台连接到 PHP 后台的方法。请联系我，告诉我你的新发现。</p> <h3>接下来的方向</h3> <p>我要感谢 Patrick Mineault å’Œ Jess Warden 对我的帮助，他们提供了我在这个教程中使用的软件，并且解答了我的一些问题使我得以开始这篇教程。如果你对使用 PHP å’Œ Flex (或者 Flash) 感兴趣，可以去访问以下的博客:</p> <ul> <li><a href="http://www.5etdemi.com/blog/" target="_blank">Patrick Mineault</a></li> <li><a href="http://www.jessewarden.com/" target="_blank">Jesse Warden</a></li> <li><a href="http://www.tweenpix.net/blog" target="_blank">Tweenpix</a>, 这是一个在法国的博客，我在这找到了 <a href="http://www.tweenpix.net/blog/index.php?2006/01/03/543-hello-world-en-amfphp-avec-flex20" target="_blank">RemotingConnection</a> çš„ ActionScript 代码</li> </ul> <h3>关于作者</h3> <div> <address> Mike Potter 进行开发网站和网络应用程序已经超过八年了。在 PHP 设计方面，他有丰富的经验，构建过加拿大最大的业余体育组织网站：加拿大冰壶协会。开发这个网站之后，他去 OEone 工作，在那他帮助实现了一个在 Mozilla 网络浏览器中允许的基于 Linux 的桌面系统。他帮助开放那个桌面系统的日历程序的源代码，之后在 Mozilla 日历项目中工作了一年。Mike 在 2005 年加入 Adobe，现在作为开源软件和网络开发的传道者工作于开发人员交流部门。 </address> </div>