Flash CS3組件開發(fā)圖文教程
更新時(shí)間:2007年09月12日 21:49:03 作者:
- 【教程說明】:應(yīng)云開等朋友的要求,我今天把組件開發(fā)過程整理一下,寫成這篇教程。通過此篇教程你可以大致了解Flash組件開發(fā)整個(gè)過程,希望對(duì)那些想自己開發(fā)Flash組件的朋友有所幫助。我這次主要開發(fā)Flash代碼組件,甚至其他Flash組件,你可以自行研究或和我一起討論。
【前提條件】:
1、安裝了Flash CS3軟件;
2、安裝了 Adobe Extension Manager 1.8擴(kuò)展管理器,如果沒有請(qǐng)先到這里下載: http://www.adobe.com/cn/exchange/em_download/ ;
【開發(fā)教程】:
1、首先準(zhǔn)備一個(gè)18x18的png圖片,用來做Flash組件的圖標(biāo)。(我會(huì)在下面打包文件中會(huì)提供一個(gè)png圖片的)
2、寫一個(gè)StringUtilComponent組件類,我的組件都沒有去繼承系統(tǒng)組件類(UIComponent),而是直接繼承Sprite類。復(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{
//定義組件顯示框;
//組件里已有的顯示元素必須用命名空間作開頭;
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類,我之前已經(jīng)提供過的“[AS3]StringUtil類”。這里要注意一下,組件內(nèi)所包含的顯示元素一定要用命名空間來做前綴(就是上面“use namespace klstudio_internal;”代碼),下面就命名空間定義變量。如果不加的話,就無法直接對(duì)boundingBox_mc顯示元素操作(這一點(diǎn)和原來Flash組件開發(fā)不同的地方,原來是可以直接使用的),否則編譯時(shí)就會(huì)報(bào)錯(cuò)。
3、建立一個(gè)StringUtil.fla文件,類型當(dāng)然是選擇“Flash File(ActionScript3)”。
4、建立一個(gè)MovieClip元素,命名為“StringUtil”;然后按照下圖所示設(shè)置Class路徑。

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

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

7、接下來開始定義組件了,設(shè)置Class類路徑、提示信息等選項(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"> <!-- Describe the author -->
- <author name="Kinglong" />
- <!-- List the required/compatible products -->
- <products>
- <product name="Flash" version="9" primary="true" />
- </products>
- <!-- Describe the extension -->
- <description>
- <![CDATA[
- StringUtil類<br>
- 有關(guān)String工具類。
- ]]>
- </description>
- <!-- Describe where the extension shows in the UI of the product -->
- <ui-access>
- <![CDATA[
- This StringUtil Component is accessed by choosing Window > Components > StringUtil.
- ]]>
- </ui-access>
- <!-- Describe the files that comprise the extension -->
- <files>
- <file name="StringUtil.swc" destination="$flash/Components" />
- </files>
- </macromedia-extension>
官方提供有關(guān)mxi文件格式說明:mxi_file_format.pdf
11、如果你已經(jīng)安裝了 Adobe Extension Manager 1.8擴(kuò)展管理器的話,你可以直接雙擊StringUtil.mxi文件來生成StringUtil.mxp文件?;蛘吣阆却蜷_ Adobe Extension Manager 1.8擴(kuò)展管理器選擇“文件” - “將擴(kuò)展打包...”,選擇StringUtil.mxi文件,然后生成StringUtil.mxp了,到這里就賀喜你了,你的Flash CS3組件就開發(fā)完成了!
相關(guān)文章
圖文演示Flash+ASP實(shí)現(xiàn)用戶登錄/注冊(cè)程序
圖文演示Flash+ASP實(shí)現(xiàn)用戶登錄/注冊(cè)程序...2007-12-12
關(guān)于FLASH與XML交互應(yīng)用中的理解
關(guān)于XML在FLASH中的應(yīng)用,以前寫過幾篇。也收集了幾篇來自網(wǎng)絡(luò)的。不過,都是一些非常簡(jiǎn)單而常用的。在這里,我把XML的其他相關(guān)說明總結(jié)一下。有不足之處,希望大家能相互補(bǔ)充。只為了一個(gè)共同的目的:共同提高。2008-04-04
FLASH 多參數(shù)的URL地址(帶&符號(hào))
FLASH 多參數(shù)的URL地址的處理技巧。2009-05-05

