Flex学习笔记(一)

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的文件，它的代码如下

  <? xml version="1.0" encoding="utf-8" ?>
  < mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute" >
       < mx:Button  name ="applications"  id ="test" />
  </ mx:Application >

            报出一个error：

  'test': identifier and class may not have the same name.

二、MXML文件结构
    1）先看一个最简单的mxml文件                     

<? xml version="1.0" encoding="utf-8" ?>
  < mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute" >
  </ mx:Application >

        ①version：声明xml语法的版本号。
        ②encoding：声明xml的字符集。
        ③mx:Application：文件主入口的标志，一个工程可以有多个mxml，但只能有一个mx:Application。
        ④xmlns:mx：定义了xml的命名空间。
                我们打开Flex builder/sdks/3.0.0/frameworks/flex-config.xml，看到这样一段话

         < namespaces >
         <!--  Specify a URI to associate with a manifest of components for use as MXML  -->
         <!--  elements. -->
            < namespace >
               < uri > http://www.adobe.com/2006/mxml </ uri >
               < manifest > mxml-manifest.xml </ manifest >
            </ namespace >
         </ namespaces >

                 可以看到flex通过 http://www.adobe.com/2006/mxml 这个资源标识符，对应了一个xml文件
                 我们打开同一目录下的mxml-manifest.xml文件，里面列出了mxml中所有标签以及与其相关联的类。

  < componentPackage >
 
       <!--  airframework  -->
       < component  id ="FileSystemComboBox"  class ="mx.controls.FileSystemComboBox" />
       < component  id ="FileSystemDataGrid"  class ="mx.controls.FileSystemDataGrid" />
                   。。。。。。
 
  </ componentPackage >
 

        ⑤layouy：定义了页面的布局方式。'absolute'表示使用绝对位置，它内部包含的所有子元素都是通过x，y坐标来定位布局的。

三、MXML组件学习
    1）mxml组件按照它的作用和功能可以分为三大类
        ①容器类（提供页面布局）
        ②导航类（菜单，导航器等）
        ③交互类（button，checkbox等）

    2）自定义组件的访问
        语法格式如下：
                自定义组件所在的命名空间：自定义组件名（mxml文件名）
        eg.我们来声明一个名叫"test.xml"的自定义组件，代码如下

  <? xml version="1.0" encoding="utf-8" ?>
  < mx:Button  xmlns:mx ="http://www.adobe.com/2006/mxml" />
 

            然后我们在主mxml中调用它

  <? xml version="1.0" encoding="utf-8" ?>
  < mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  xmlns:buttons ="*" >
       < buttons:test />
  </ mx:Application >

四、ActionScript文件
    1）所有mxml文件经过编译后，都会编译成as文件。
    2）mxml文件中通过<mx:Script>标签来访问内部as代码块。不过在xml中'<'和'&'是禁止使用的。所以应该用如下的方式访问

       < mx:Script >
           <![CDATA[
              
              
           ]]>
       </ mx:Script >

    3）访问外部的ActionScript文件

       < mx:Script  source ="XXXX.as" />

    4）关于注释

  <? xml version="1.0" encoding="utf-8" ?>
  < mx:Application  xmlns:mx ="http://www.adobe.com/2006/mxml"  layout ="absolute"  xmlns:buttons ="*" >
       < buttons:test />
           < mx:Script >
               <![CDATA[
                  // 单行注释
                  /*
                      多行注释
                  */
               ]]>
           </ mx:Script >
           <!-- MXML注释 -->
  </ mx:Application >

好了，第一章先到这里吧，有不对的地方欢迎大家指摘问题。