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