Flash CS3組件開(kāi)發(fā)圖文教程

更新時(shí)間：2007年09月12日 21:49:03 作者：

【教程說(shuō)明】：應(yīng)云開(kāi)等朋友的要求，我今天把組件開(kāi)發(fā)過(guò)程整理一下，寫(xiě)成這篇教程。通過(guò)此篇教程你可以大致了解Flash組件開(kāi)發(fā)整個(gè)過(guò)程，希望對(duì)那些想自己開(kāi)發(fā)Flash組件的朋友有所幫助。我這次主要開(kāi)發(fā)Flash代碼組件，甚至其他Flash組件，你可以自行研究或和我一起討論。
【前提條件】：
    1、安裝了Flash CS3軟件；
    2、安裝了 Adobe Extension Manager 1.8擴(kuò)展管理器，如果沒(méi)有請(qǐng)先到這里下載： http://www.adobe.com/cn/exchange/em_download/ ；
【開(kāi)發(fā)教程】：
    1、首先準(zhǔn)備一個(gè)18x18的png圖片，用來(lái)做Flash組件的圖標(biāo)。（我會(huì)在下面打包文件中會(huì)提供一個(gè)png圖片的)
    2、寫(xiě)一個(gè)StringUtilComponent組件類(lèi)，我的組件都沒(méi)有去繼承系統(tǒng)組件類(lèi)(UIComponent)，而是直接繼承Sprite類(lèi)。
復(fù)制代碼代碼如下:

package com.klstudio.components {
          import flash.display.*;

    import com.klstudio.util.StringUtil;

    //命名空間;
    use namespace klstudio_internal;

    //設(shè)置組件圖標(biāo);
    [IconFile("StringUtilIcon.png")]

    public class StringUtilComponent extends Sprite{
        //定義組件顯示框;
        //組件里已有的顯示元素必須用命名空間作開(kāi)頭;
        klstudio_internal var boundingBox_mc:MovieClip;
        //定義LRC解析器;
        private var util:StringUtil;
        public function StringUtilComponent(){
            //移除組件顯示框;
            boundingBox_mc.visible = false;
            addChild(boundingBox_mc);
            boundingBox_mc = null;
        }
    }
}

這用組件用到的StringUtil類(lèi)，我之前已經(jīng)提供過(guò)的“[AS3]StringUtil類(lèi)”。這里要注意一下，組件內(nèi)所包含的顯示元素一定要用命名空間來(lái)做前綴（就是上面“use namespace klstudio_internal;”代碼），下面就命名空間定義變量。如果不加的話，就無(wú)法直接對(duì)boundingBox_mc顯示元素操作（這一點(diǎn)和原來(lái)Flash組件開(kāi)發(fā)不同的地方，原來(lái)是可以直接使用的），否則編譯時(shí)就會(huì)報(bào)錯(cuò)。
3、建立一個(gè)StringUtil.fla文件，類(lèi)型當(dāng)然是選擇“Flash File(ActionScript3)”。
    4、建立一個(gè)MovieClip元素，命名為“StringUtil”；然后按照下圖所示設(shè)置Class路徑。

    5、再建立一個(gè)新的MovieClip元素，命名為“boundingBox_mc”，用于來(lái)做組件顯示框。

    6、然后將boundingBox_mc放到名叫“StringUtil”的MovieClip元素里，同時(shí)按下圖所示將名字已經(jīng)設(shè)置成“boundingBox_mc”。

    7、接下來(lái)開(kāi)始定義組件了，設(shè)置Class類(lèi)路徑、提示信息等選項(xiàng)。再點(diǎn)擊組件圖標(biāo)選擇之前png圖片。


    8、如果圖標(biāo)不能像下圖所示的話，請(qǐng)按第4步重新確認(rèn)一下就可以了。

    9、然后就是把這個(gè)StringUtil組件打包成SWC文件（其實(shí)就是一個(gè)zip壓縮文件格式）。

    10、到第9步組件就算做成功了，但要發(fā)布給別人用的話，就可以把swc文件打包成mxp文件了，而打包之前首先要配置StringUtil.mxi文件（這個(gè)文件就是xml文件格式），內(nèi)容如下：
復(fù)制代碼代碼如下:

<macromedia-extension
name="StringUtil"
version="1.0"
type="Flash component">
<author name="Kinglong" />
<products>
<product name="Flash" version="9" primary="true" />
</products>
<description>
<![CDATA[
StringUtil類(lèi)<br>
有關(guān)String工具類(lèi)。
]]>
</description>
<ui-access>
<![CDATA[
This StringUtil Component is accessed by choosing Window > Components > StringUtil.
]]>
</ui-access>
<files>
<file name="StringUtil.swc" destination="$flash/Components" />
</files>
</macromedia-extension>
官方提供有關(guān)mxi文件格式說(shuō)明：mxi_file_format.pdf
11、如果你已經(jīng)安裝了 Adobe Extension Manager 1.8擴(kuò)展管理器的話，你可以直接雙擊StringUtil.mxi文件來(lái)生成StringUtil.mxp文件?；蛘吣阆却蜷_(kāi) Adobe Extension Manager 1.8擴(kuò)展管理器選擇“文件” - “將擴(kuò)展打包...”，選擇StringUtil.mxi文件，然后生成StringUtil.mxp了，到這里就賀喜你了，你的Flash CS3組件就開(kāi)發(fā)完成了！
【打包下載】http://www.klstudio.com/download/stringutil.rar