Flex簡介
Adobe® Flex® 3 是用于構建和維護在所有主要瀏覽器、桌面和操作系統一致地部署的極具表現力的 Web 應用程序的高效率的開放源碼框架。
                                                                                                                                                          ---Adobe
如果讓我來形容的話，只有一句話說"Flex is the future！"。

FB的安裝我就不說了，可以直接從adobe網站上下載，然后從下面找個號碼注冊一下就歐了。
1377-4364-8105-1017-5779-4100
1377-4864-2155-4708-3713-2066
1377-4561-2389-2527-0543-9076
1377-4167-2588-8404-4842-4168
1377-4469-0634-7084-5700-9553

一、Flex基礎
    1）Flex程序一般是由mxml文件，as文件(actionScript文件)，css文件組成的。
    2）通過mxml文件(mx:application)來調用as文件和css文件。
    3）mxml文件的命名規則
        ①mxml區分大小寫。
        ②mxml文件名不能用"Application"命名(application倒是可以使用)。
        ③mxml文件名不能和程序中任何一個組件的ID的名字相同。
            比如有一個名叫test.mxml的文件，它的代碼如下
1<?xml version="1.0" encoding="utf-8"?>
2<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
3    <mx:Button name="applications" id="test"/>
4</mx:Application>
            報出一個error：
1 'test': identifier and class may not have the same name.

二、MXML文件結構
    1）先看一個最簡單的mxml文件                     
1<?xml version="1.0" encoding="utf-8"?>
2<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
3</mx:Application>
        ①version：聲明xml語法的版本號。
        ②encoding：聲明xml的字符集。
        ③mx:Application：文件主入口的標志，一個工程可以有多個mxml，但只能有一個mx:Application。
        ④xmlns:mx：定義了xml的命名空間。
                我們打開Flex builder\sdks\3.0.0\frameworks\flex-config.xml，看到這樣一段話
1      <namespaces>
2      <!-- Specify a URI to associate with a manifest of components for use as MXML -->
3      <!-- elements.-->
4         <namespace>
5            <uri>http://www.adobe.com/2006/mxml</uri>
6            <manifest>mxml-manifest.xml</manifest>
7         </namespace>
8      </namespaces>
                 可以看到flex通過http://www.adobe.com/2006/mxml這個資源標識符，對應了一個xml文件
                 我們打開同一目錄下的mxml-manifest.xml文件，里面列出了mxml中所有標簽以及與其相關聯的類。
1<componentPackage>
2
3    <!-- airframework -->
4    <component id="FileSystemComboBox" class="mx.controls.FileSystemComboBox"/>
5    <component id="FileSystemDataGrid" class="mx.controls.FileSystemDataGrid"/>
6                 。。。。。。
7
8</componentPackage>
9
        ⑤layouy：定義了頁面的布局方式。'absolute'表示使用絕對位置，它內部包含的所有子元素都是通過x，y坐標來定位布局的。

三、MXML組件學習
    1）mxml組件按照它的作用和功能可以分為三大類
        ①容器類（提供頁面布局）
        ②導航類（菜單，導航器等）
        ③交互類（button，checkbox等）

    2）自定義組件的訪問
        語法格式如下：
                自定義組件所在的命名空間：自定義組件名（mxml文件名）
        eg.我們來聲明一個名叫"test.xml"的自定義組件，代碼如下
1<?xml version="1.0" encoding="utf-8"?>
2<mx:Button xmlns:mx="http://www.adobe.com/2006/mxml"/>
3
            然后我們在主mxml中調用它
1<?xml version="1.0" encoding="utf-8"?>
2<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:buttons="*">
3    <buttons:test/>
4</mx:Application>

四、ActionScript文件
    1）所有mxml文件經過編譯后，都會編譯成as文件。
    2）mxml文件中通過<mx:Script>標簽來訪問內部as代碼塊。不過在xml中'<'和'&'是禁止使用的。所以應該用如下的方式訪問
1    <mx:Script>
2        <![CDATA[
3            
4            
5        ]]>
6    </mx:Script>
    3）訪問外部的ActionScript文件
1    <mx:Script source="XXXX.as"/>
    4）關于注釋
 1<?xml version="1.0" encoding="utf-8"?>
 2<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:buttons="*">
 3    <buttons:test/>
 4        <mx:Script>
 5            <![CDATA[
 6                // 單行注釋
 7                /*
 8                    多行注釋
 9                */
10            ]]>
11        </mx:Script>
12        <!--MXML注釋-->
13</mx:Application>

進入下一章《 Flex學習筆記(二) 》


好了，第一章先到這里吧，有不對的地方歡迎大家指摘問題。


                                                                                                               2008年7月20日22:59:59
                                                                                                                                     Alps Wong