由Flex 3進入Flex 4的必備知識 PART 1

最新推荐文章于 2014-08-15 09:05:24 发布
最新推荐文章于 2014-08-15 09:05:24 发布
阅读量1.8k 收藏
点赞数
分类专栏： Flex4 文章标签： flex library button adobe flash 引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/supperflex/article/details/6182176
版权

會怕嗎？Flex 4已經到Beta了，
相信大家都很人心惶惶吧，
很多人在向我問Flex 4差很多嗎？
Namespace好複雜喔，我搞不清楚要怎嚜寫了，
別怕….別怕….在我的眼中其實Flex的架構根本沒變，
因此我決定有時間的時候分幾篇來介紹如何由Flex 3進入Flex 4所必備的應有知識，
只要你對Flex的架構夠清楚，
相信你三兩下就能進入Flex 4的狀況了。

Flex 4的主要十項改變：

分別為：

  1. 整合了Adobe Catalyst
  2. 提供新的 Spark組件架構
  3. 新的 MXML 2009 Namespace
  4. 對View States的改進
  5. 提供FXG支持
  6. 加強元件中Skin的配置
  7. 更新的排版組件的配置
  8. 新的Flash Builder 4開發工具 (原為Flex Builder 3)
  9. 增加編譯器效能25%
  10. 新的文字引擎

實際內容人家已經寫好了，就請移駕到該作者網站上去觀賞，不然我只是複製貼上多沒意思。
原文： http://www.infoq.com/articles/top-10-flex4-changes
翻譯： http://www.infoq.com/cn/articles/top-10-flex4-changes

新的 MXML 2009 Namespace：

我們先從大家最害怕的Namespace談起，
以前在Flex 3中只有一組Namespace，那就是mx這組，
有上過我Flex課程的同學，
我們在課堂上已經有解釋過如何從manifest.xml檔案中去看其對應的類別與類別路徑了，
Flex 4同樣繼承了相同的方式，將所有的類別對應全都寫在manifest.xml檔中，
你還是可以從中看到其Namespace對應的內容，
只要你能了解它的結構，那麼要進入到Flex 4中就算是完成了一大步了。

在Flex 4中大家之所以會懼怕的原因，莫過於最常用的4組Namespace，分別為：

  1. xmlns:fx="http://ns.adobe.com/mxml/2009″
  2. xmlns:s="library://ns.adobe.com/flex/spark"
  3. xmlns:mx="library://ns.adobe.com/flex/halo"
  4. xmlns="http://ns.adobe.com/fxg/2008″

說穿了，也只不過依照不同的類型分成四大組而已，
這麼做的好處就在於可以非常簡單的讓Flex 3和Flex 4的元件可以混合使用，
所以Flex 4中可以用Flex 3的標籤所使用的方法並沒有大家想像中的了不起，
只不過分成兩組內容區分罷了，
原廠有對MXML 2009有詳細的說明，
你可以參考　http://opensource.adobe.com/wiki/display/flexsdk/MXML+2009 。

xmlns:mx="library://ns.adobe.com/flex/halo"

們先從mx這組開始說起，
在Flex 3中我們用的是xmlns:mx="http://www.adobe.com/2006/mxml"這個Namespace，
而Flex 4中用的是xmlns="http://ns.adobe.com/fxg/2008″，
意思很明顯了，
也就是告訴你以前用mx寫的元件你就照辦就對了，
不然怎麼兼容Flex 3和Flex 4的標籤啊。 XD

xmlns:s="library://ns.adobe.com/flex/spark"

這個看起來就怪怪的對吧，
別擔心，這只不過是Flex 4中新的一組元件罷了(稱為spark)，
這組元件的好處在於你可以很容易的用MXML 2009來描述它的外觀，
寫法大致上與Flex 3的halo系列元件差不多，例如：
<s:Button label="Flex 4 Button"/>
<mx:Button label="Flex 3 Button"/>

這樣就能混合寫出halo和spark元件了，
而使用spark元件最大的好處是可以用MXML 2009標籤去定義它的Skin外觀，
這是以前Flex 3所做不到的，
這要感謝在Flex 4和CS4以後所搞出來的FXG格式，
至於要如何描述，我在以後的文章再繼續介紹，
免得這篇永無止境的寫下去。

xmlns:fx="http://ns.adobe.com/mxml/2009″

fx這組Namespace有新的任務了，
我們以前常寫的<mx:Bindiing><mx:Style><mx:Script><mx:Array>，
這些標籤現在都歸納到fx這個Namespace底下了，
我就姑且稱他們為一般性標籤，
雖然看似複雜，其實這有一個非常大的好處，
那就是在Flex 4中可以將元件的Namespace和一般性標籤的Namespace分開，
對邏輯分類算是非常洽當的分法，
我將一些對應的標籤列在下面：

Flex 3

Gumbo

xmlns:mx="http://www.adobe.com/2006/mxml"

xmlns:fx="http://ns.adobe.com/mxml/2009"

<mx:Binding>

<fx:Binding>

<mx:Component>

<fx:Component>

<mx:Metadata>

<fx:Metadata>

<mx:Model>

<fx:Model>

<mx:Repeater>

<fx:Repeater>

<mx:Script>

<fx:Script>

<mx:Style>

<fx:Style>

當然在Flex 4中有有新的項目，關於細節以後在說明：

Flex 3

Gumbo

xmlns:mx="http://www.adobe.com/2006/mxml"

xmlns:fx="http://ns.adobe.com/mxml/2009"

N/A

<fx:Declarations>

N/A

<fx:Definition>

N/A

<fx:DesignLayer>

N/A

<fx:Library>

N/A

<fx:Private>

N/A

<fx:Reparent>

關於資料型態一樣照樣翻過去就可以用了，別擔心：

Flex 3

Gumbo (MXML 2009)

xmlns:mx="http://www.adobe.com/2006/mxml"

xmlns:fx="http://ns.adobe.com/mxml/2009"

<mx:Array>

<fx:Array>

<mx:Boolean>

<fx:Boolean>

<mx:Class>

<fx:Class>

<mx:Date>

<fx:Date>

<mx:Function>

<fx:Function>

<mx:int>

<fx:int>

<mx:Number>

<fx:Number>

<mx:Object>

<fx:Object>

<mx:RegExp>

<fx:RegExp>

<mx:String>

<fx:String>

<mx:uint>

<fx:uint>

N/A

<fx:Vector>

<mx:XML>

<fx:XML>

<mx:XMLList>

<fx:XMLList>

Vector這傢伙是新的資料型態，一樣以後再說 XD

xmlns="http://ns.adobe.com/fxg/2008″

看這組Namespace應該不難猜出他是拿來幹麻用的，
沒錯！這的確是拿來描述FXG內容用的，這個同樣是說來話長，
因為這還牽扯到一些新的標籤，以後在另闢一篇來說明吧。

如何？有沒有很簡單呢？
我快速的幫大家整理了一下Namespace的分類與用途，
相信你在下一次使用Flex 4的時候，
應該可以非常容易的將原來在Flex 3中的撰寫方法移植到Flex 4上去，

 

supperflex
关注
专栏目录
flex 3 中文帮助（CHM）part1
04-03
flex的中文帮助，flex开发必备！ 由于上传限制只能分成5个包上传。 五个部分链接分别为： part1 http://download.csdn.net/source/1172650 part2 http://download.csdn.net/source/1172672 part3 ...
flex中文帮助（chm）part4
04-03
flex的中文帮助，flex开发必备！ 由于上传限制只能分成5个包上传。 五个部分链接分别为： part1 http://download.csdn.net/source/1172650 part2 http://download.csdn.net/source/1172672 part3 ...
使用Flex itemEditors – Part 1: Inline itemEditors
九天之凤
08-15 421
zh 必备知识 Prior experience working with Flex Builder to create applications is needed. 用户级别 中级 必需产品 Flex Builder 3 (Download trial) 范例文件 itemEditors_pt1.mxml   (5 KB)
FLEX开发者必备的十多个工具
sunchunmei555的专栏
03-05 2319
AS3分享:FLEX开发者必备的十多个工具Tour de Flex..Component Explorer..Efflex Effects Explorer   Tour de Flex (TourdeFlex在线版) Component Explorer Style Explorer Charts Explorer Regular
Flex开发必备
garydo
10-07 129
Sean Moore Bio 说道：秋天又一次来临了，是时候回顾一下2008年最热门的Flex和ActionScript 3.0 APIs,技巧和工具了，下面是我的总结，收集的比较全，Flex开发必备，欢迎补充。 介绍 Flex SDK 3.1 和 Flex Builder 3.0.1 Flex SDK 3.1 是一个Flex SDK里程碑式的版本，推荐开发者使用。 htt...
Flex主流框架
zc529739024的博客
04-28 1174
(英文原文: Choosing a Flex framework ) 原作者：Jeremy Wischusen 翻译者：native 最近，我进行了很多次的Adobe Flex 开发职位的面试（作为自由职业，这点需要澄清，如果我现在的老板碰巧阅读到该文的话）。几乎每一次的面试，Flex框架的问题最终都会被提出来（通常就是 Cairngorm）。我就会解释尽管我知道这些框架的存在，但是
flex资料
whuhw的专栏
03-20 3973
====Adobe官方==== Adobe : http://www.adobe.com/cn/ Adobe: Flex 4 beta in a Week : http://www.adobe.com/devnet/flex/videotraining/flex4beta/ Adobe Cookbooks : http://cookbooks.adobe.com/home Flex A
flex中文帮助（chn）part3
04-03
flex的中文帮助，flex开发必备！ 由于上传限制只能分成5个包上传。 五个部分链接分别为： part1 http://download.csdn.net/source/1172650 part2 http://download.csdn.net/source/1172672 part3 ...
由Flex 3進入Flex 4的必備知識 PART 2
supperflex的专栏
02-13 1612
<br />從這期開始我們慢慢的來說Flash Builder與Flex Builder的差別，<br />其實不管你要開發Flex 3或是Flex 4你都可以使用Flash Builder或是Flex Builder來當做開發工具，<br />只是Adobe這次跟著Flex 4一起提出的Flash Builder提供了程式設計師較多方便的工具，<br />我們先從專案的建立與佈署開始說起。<br />Flash Builder在建立新專案的時候，<br />可以選擇Flex SDK的版本，<br />你可
flex 中文帮助（chm）part5
04-03
flex的中文帮助，flex开发必备！ 由于上传限制只能分成5个包上传。 五个部分链接分别为： part1 http://download.csdn.net/source/1172650 part2 http://download.csdn.net/source/1172672 part3 ...
Flex 4 开发入门
11-03
Flex 4 入门教程，简单而全面。适合于初学者。
flex中文帮助（chm）part2
04-03
flex的中文帮助，flex开发必备！ 由于上传限制只能分成5个包上传。 五个部分链接分别为： part1 http://download.csdn.net/source/1172650 part2 http://download.csdn.net/source/1172672 part3 ...
Flex 实现一个自定义组件
supperflex的专栏
03-09 2400
如果要创建一个自定义组件，你需要重写UIComponent类的某些方法，最少需要重写如下方法：构造函数, createChildren(), commitProperties(), measure(), layoutChrome(), updateDisplayList() 。基础语句结构如下：package myComponents{public class MyComponent extends UIComponent{    .... }}注意包名与你的磁盘目录结构一致。接下来一一讲解每个方法的重写。
由Flex 3進入Flex 4的必備知識 PART 3 – Flash Builder的佈景主題設置
supperflex的专栏
02-13 2090
<br />Flex 4中最大的特色莫過於spark組件，<br />因為spark組件的結構與思考方向與Flex 3的halo組件是不太相同的(不然幹嘛分家)，<br />spark組件是以圖像為主的觀點來看組件的外觀，<br />因此你可以用FXG或是FC來設計其樣式，<br />Flash Builder(前一版叫Flex Builder 3)在這版中多了一個新的功能，<br />可以讓使用者用更方便的方法來抽換佈景主題。在Flash Builder中快速抽換Flex Theme：<br />例如你可
在Flex中使用其他字体 Flex嵌入字体
supperflex的专栏
02-21 2073
<br />在处理文本时，为了美观，有时会给文本选择一些特殊的字体，使得文本不那么单调，这就会引发一个问题：由于每个用户的系统有差异，当对方机器上没有安装 你指定的字体时，Flash Player会自动选择一个合适的字体，无法保证文字的外观在控制之中，很可能会走样。如何避免出现这样的情况？<br />解 决方法有两种：使用设备字体和使用嵌入字体。设备字体的特性是用户机器上的所有字体都最大可能地模拟其外观，保持文本的样式不会出现较大变化；嵌入字体是 指将字体文件编译进SWF文件中或者运行时加载到SWF文件中，
关于FLEX特效的几个网址
supperflex的专栏
02-17 1817
<br />在Tourde FLEX的Data Visualization的IBMILOG下面的3DCharts一个超牛的的网站，可惜只有部分源码，核心源码没有<br />http://visudemos.ilog.com/webdemos/charts3d/charts3d.html<br />TurdeFlex FLEX这个应用程序大家估计都熟悉：大致包括各种组件使用示例，AIR应用程序，云API，FLEX数据访问方式示例，MAP,PLAYER,布局,FLEX框架<br /> <br />下面这几个依然
从零开始编写一个flex组件。FLEX自定义控件
supperflex的专栏
03-09 1814
<br />组件类<br />我经常看到这个话题——编写组件。通过这个例子，我将告诉你如何从零开始编写一个组件。我将要写几篇文章来探讨这个主题，在最后你就可以创建自己的组件了。<br />我把自己选择的这个组件叫做循环选择按钮。这个组件的显示的是dataProvider 中的某条纪录和两个箭头组成的一个圆环。当你选择按钮的时候箭头就会旋转一点同时显示dataProvider 中的下一个值。你可以把它想象成一个没有下拉列表的ComboBox组件。<br /><br />你可以试着点击按钮，然后你就可以看到它是
由Flex 3進入Flex 4的必備知識 PART 4 – Flash Builder的程式撰寫工具
supperflex的专栏
02-13 1794
<br />Flash Builder這版算是改良了一些在Flex Builder中的缺點，<br />讓程式設計師在使用上更加方便很多，<br />在這期中我們要介紹Flash Builder在程式撰寫工具上的一些好用的地方。<br />只要是有在寫物件導向的網友，<br />一定有過當類別檔寫好後又想要更改其package的狀況，<br />若是該類別本身早就被人家import過，<br />那麼你就必須回到當初import的地方去找看看有沒有更新到正確對位置上，<br />恭喜你，如果你用Flash
由Flex 3進入Flex 4的必備知識 PART 5 – Flex 4的雙向Data Binding
supperflex的专栏
02-13 1582
<br />在Flex4中提供了一個比較有趣的功能，<br />他可以幫助使用者進行雙向的DataBinding這個動作，<br />在原廠的文件中他稱之為 Two Way Data Binding，<br />從字面上應該不難理解他的功用，<br />舉個例子來說，如下圖所示：<br /><br /> <br />我們設計了兩個TextInput的輸入欄位，<br />當你希望下方的文字輸入欄可以同步顯示上方輸入欄的資料，<br />那麼你就可以這樣寫：<s:TextInput id="source"/>
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值