Flash CS3組件開發圖文教程

2024-09-12 17:50:51

字體：大中小

來源：轉載

供稿：網友

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

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

    import com.klstudio.util.StringUtil;

    //命名空間;
    use namespace klstudio_internal;

    //設置組件圖標;
    [IconFile("StringUtilIcon.png")]

    public class StringUtilComponent extends Sprite{
        //定義組件顯示框;
        //組件里已有的顯示元素必須用命名空間作開頭;
        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類，我之前已經提供過的“[AS3]StringUtil類”。這里要注意一下，組件內所包含的顯示元素一定要用命名空間來做前綴（就是上面“use namespace klstudio_internal;”代碼），下面就命名空間定義變量。如果不加的話，就無法直接對boundingBox_mc顯示元素操作（這一點和原來Flash組件開發不同的地方，原來是可以直接使用的），否則編譯時就會報錯。
3、建立一個StringUtil.fla文件，類型當然是選擇“Flash File(ActionScript3)”。
    4、建立一個MovieClip元素，命名為“StringUtil”；然后按照下圖所示設置Class路徑。

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

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

    7、接下來開始定義組件了，設置Class類路徑、提示信息等選項。再點擊組件圖標選擇之前png圖片。


    8、如果圖標不能像下圖所示的話，請按第4步重新確認一下就可以了。

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

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

<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類<br>
有關String工具類。
]]>
</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>
官方提供有關mxi文件格式說明：mxi_file_format.pdf
11、如果你已經安裝了 Adobe Extension Manager 1.8擴展管理器的話，你可以直接雙擊StringUtil.mxi文件來生成StringUtil.mxp文件。或者你先打開 Adobe Extension Manager 1.8擴展管理器選擇“文件” - “將擴展打包...”，選擇StringUtil.mxi文件，然后生成StringUtil.mxp了，到這里就賀喜你了，你的Flash CS3組件就開發完成了！
【打包下載】http://www.klstudio.com/download/stringutil.rar