Flex 3學(xué)習(xí)筆記-MXML簡介（1）2010-01-29

baiyejianxin

* MXML是有Flex引入的，是用來藐視Flex應(yīng)用程序界面的語言。
  MXMl基于XML，遵循W3C XML標(biāo)準(zhǔn)。MXML引入了豐富的標(biāo)簽，還可以擴(kuò)展MXML標(biāo)簽，創(chuàng)建自己的組件。

* MXML的屬性
  以小寫字母開頭，大小寫混合，大部分屬性可以作為子標(biāo)簽。
  
  等價于
  
    oooooooooooooo
* MXML文件結(jié)構(gòu)
  描述應(yīng)用程序的MXML文件必須有一個位于其他元素之外的Application標(biāo)簽。
  定義了一個程序的根標(biāo)簽。
?xml version="1.0"?>
mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
   
/mx:Application>
其中，聲明了xml的命名空間，命名空間可以讓用戶在單個文檔中使用多重xml語言，而避免混淆不用語言中相同的元素名稱，這里的“:mx”就是一個特定的命名空間中使用的前綴，這里定義的命名空間是標(biāo)準(zhǔn)的MXML類庫，他必須包含在每個MXML文件中。
    定義組件的MXML不一定都以Application標(biāo)簽開始，也可以將Flex的組件作為開始，例如使用畫布容器(Canvas Container)作為自定義組件的容器，代碼如下  
?xml version="1.0" encoding="utf-8"?>
mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml">
    !-- 定義的組件 -->
/mx:Canvas>
*標(biāo)簽
   MXML文件中直接插入ActionScript方法時要用到標(biāo)簽。如
mx:Script>
    ![CDATA[
        //輸入ActionScript
    ]]>
/mx:Script>
其中需要之一的有以下幾點：
    1.標(biāo)簽要成對出現(xiàn)；
    2.不能在標(biāo)簽內(nèi)定義任何類和接口，因為本身當(dāng)前MXML文件就是一個類，而ActionScript沒有像java一樣支持內(nèi)部類定義。
    3.CDATA的主要目的是告訴編譯器標(biāo)簽內(nèi)的內(nèi)容不要被解釋成MXML語法而是ActionScript。
    4.必須being定義在MXML文件的根層次，否則會出現(xiàn)編譯器錯誤。
* 在標(biāo)簽的background屬性來修改這個頁面的背景。
* 定義界面組件
  如：
?xml version="1.0" encoding="utf-8"?>
mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundColor="white">
   
    mx:Script>
        mx:Panel width="200" height="200" layout="absolute" title="使用xml定義組件">
        mx:Label x="80" y="10" text="基本信息" width="50"/>
        mx:FormItem x="20" y="40" width="160" label="姓名:">
            mx:TextInput id="aName" width="80"/>
        /mx:FormItem>
        mx:FormItem x="20" y="70" width="160" label="籍貫:">
            mx:TextInput id="hometown" width="80"/>
        /mx:FormItem>
    /mx:Panel>
/mx:Application>
執(zhí)行效果

* 自定義組件
首先創(chuàng)建一個compoent
?xml version="1.0" encoding="utf-8"?>
mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="312" height="172" fontSize="14">
    mx:Label x="10" y="10" text="選擇付款銀行"/>
    mx:RadioButton x="94" y="87" label="招商銀行" groupName="bank"/>
    mx:RadioButton x="180" y="87" label="中國銀行" groupName="bank"/>
    mx:RadioButton x="94" y="117" label="建設(shè)銀行" groupName="bank"/>
    mx:RadioButton x="180" y="117" label="交通銀行" groupName="bank"/>
/mx:Canvas>
然后創(chuàng)建application
?xml version="1.0" encoding="utf-8"?>
mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:local="*" backgroundGradientColors="[#ffffff,#ffffff]">
   mx:VBox borderStyle="outset" width="406" height="298" >
        mx:Label text="下面顯示的是自定義組件" fontSize="16"/>
        !--引用自定義組件 -->
        local:Test201001292compoent id="testCompoent"/>
   /mx:VBox>
/mx:Application>
實現(xiàn)效果




本文來自ChinaUnix博客，如果查看原文請點：http://blog.chinaunix.net/u3/93876/showart_2164140.html