[Flex]Adobe Flex/AIR学习路线(Flex部分之控件篇)

最近有不少初学者问我,Flex/AIR可以干什么?如何才可以学好Flex/AIR?因此时至今日我打算写一篇这样的文章,以便初学者更好的找到适合自己的Adobe Flex学习路线。
由于文章本事比较冗长,因此将其分成Flex篇与AIR篇,请大家注意,本篇文章是Adobe Flex学习路线(Flex部分之控件篇)

okay,在说Adobe Flex/AIR学习路线之前,应该有必要了解一下以下内容:

1、什么是Flex/RIA/AIR
RIA:大家可以看我的《Flex第一步》上面的说明,也可可以看这里
Flex:同样,大家可以看我的《Flex第一步》上面的说明,也可可以看这里
AIR:由于写《Flex第一步》的时候并未推出AIR的,因此在这本书里没有涉及到AIR,那么什么是AIR呢?
          可以看我2008年初,应RIAMeeting邀请而做的一次关于Adobe AIR的演讲,请看这里:http://www.k-zone.cn/zblog/post/log-2008-1-29-diarys.html

2、Flex到底可以做些什么?
     我例举几个商业化的Flex例子,给大家看一下,Flex到底可以做些什么。
     请看这里:http://flex.org/showcase/
     或者这里:http://www.scalenine.com/showcase/
     同时,这里有大量的由为Flex制作的皮肤:http://www.scalenine.com/gallery/

3、ActionScript 3.0的概念
      具体大家可以看这里

4、MXML的概念
      具体请看这里

由于本篇文章写的比较晚,因此我就不在一一叙述上面的这些概念了,网上有很多详细的解释:)
同时上述内容也全部在walktree和我写的的书里《Flex第一步

okay,介绍完刚才的几个准备工作,那么让我们来详细了解一下Flex的学习路线。

1、在学习Flex之前,一定要先了解如何搭建Flex开发平台。而这些内容需要大家了解什么是Flex Builder、Flex SDK。
      而这部分内容,我想在另外一篇文章里面写,不过这些内容大家也都可以到网上或者书上找到答案,我就不在这里复述了。
      一般说来:通过这里直接下载Flex Buiilder 3.0就可以在你的机器上面编写Flex Application了。

2、在学习Flex之前,首先学习的却是ActionScript 3.0(我就不讲Flex与ActionScript 3.0的关系了)
     如果是一个初学者,那么就一定要掌握ActionScript 3.0一些基本内容:例如,变量/常量、基本数据类型、流程控制、函数、面向对象的特征等这几方面浅显的内容。
     当你掌握了ActionScript 3.0后,如果再学习Flex的话,就会有事半功倍的效果。
     推荐关于ActionScript 3.0的图书:国内黑羽兄写的《ActionScript 3.0 殿堂之路》、国外的《ActionScript 3.0编程精粹》

3、学习Flex,就应该从最基本的Flex components开始,Flex components一般分成如下一些类别(基本部分):
     a、常规类控件:Alert
     b、按钮类控件:Button、RadioButton、RadionButtonGroup
     c、文本类控件:Label、TextArea、TextInput、RichTextEditor
     d、日期类控件:DateChooser、DateField
     e、载入类控件:Image、SWFLoader、VideoDisplay
     f、菜单类控件:Menu、MenuButton、PopUpMenuButton
    以上都是Flex的一些最基本控件,有很多看起来很炫的控件都是继承与这些基本控件的。

4、当掌握了以上Flex初级控件后,大家可以学习一些比较高级的控件,例如:
    a、格式化类控件:CurrencyFormatter、DateFormatter等等。
    b、验证类控件:CreditCardValidator、DateValidator、EmailValidator等。

5、当掌握以上控件后,我们还要把它们有序的组合在一起,因此就必须要掌握容器、布局的概念。
    a、容器类控件:Panel、TitleWindow、Canvas、ApplicationControlBar、ControlBar、VBox、HBox、ViewStack等。
    b、布局类控件:水平布局、垂直布局、自定义布局等。

okay,当你完成了上述内容后,基本上你就可以做出非常正规的Flex Application,对,你没有看错,就上面那些基本的内容。

接下来就是一些有选择性掌握的、炫目的控件:

6、Flex Effects
     这些组件是控制你的Flex在操作上面的一些效果。例如Move(移动效果)、Fade(淡出淡入效果)、Resize(改变大小效果)、Zoom(放大缩小效果)等。
     我个人建议,这部分内容还应该是必须要掌握的。

7、Flex Chats
      这些chats,基本上涵盖了常用的一些图标组件

8、Flex 表格组件、打印组件
     表格组件:例如:DataGrid、Adanced DataGrid等。
     打印组件:FlexPrintJob。

同时上面的控件部分我只列举了一些常用的控件,关于这些控件大家可以看这里:
http://examples.adobe.com/flex3/componentexplorer/explorer.html

书籍方面,我推荐《Flex3权威指南》、《Flex 3 Cookbook中文版》这两本,当然如果大家原因的话也可以买《Flex第一步》:)

okay,以上就是Flex的控件部分了,当掌握了这些内容后,虽然你可以做出很炫效果的Flex Application,但是还缺少一些东西,那就是数据读取的功能。
那么下一篇文章的内容:Adobe Flex学习路线(Flex部分之控件篇一)