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