Flash CS3組件開發(fā)圖文教程
更新時間:2007年09月12日 21:49:03 作者:
- 【教程說明】:應(yīng)云開等朋友的要求,我今天把組件開發(fā)過程整理一下,寫成這篇教程。通過此篇教程你可以大致了解Flash組件開發(fā)整個過程,希望對那些想自己開發(fā)Flash組件的朋友有所幫助。我這次主要開發(fā)Flash代碼組件,甚至其他Flash組件,你可以自行研究或和我一起討論。
【前提條件】:
1、安裝了Flash CS3軟件;
2、安裝了 Adobe Extension Manager 1.8擴展管理器,如果沒有請先到這里下載: http://www.adobe.com/cn/exchange/em_download/ ;
【開發(fā)教程】:
1、首先準(zhǔn)備一個18x18的png圖片,用來做Flash組件的圖標(biāo)。(我會在下面打包文件中會提供一個png圖片的)
2、寫一個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;”代碼),下面就命名空間定義變量。如果不加的話,就無法直接對boundingBox_mc顯示元素操作(這一點和原來Flash組件開發(fā)不同的地方,原來是可以直接使用的),否則編譯時就會報錯。
3、建立一個StringUtil.fla文件,類型當(dāng)然是選擇“Flash File(ActionScript3)”。
4、建立一個MovieClip元素,命名為“StringUtil”;然后按照下圖所示設(shè)置Class路徑。
5、再建立一個新的MovieClip元素,命名為“boundingBox_mc”,用于來做組件顯示框。
6、然后將boundingBox_mc放到名叫“StringUtil”的MovieClip元素里,同時按下圖所示將名字已經(jīng)設(shè)置成“boundingBox_mc”。
7、接下來開始定義組件了,設(shè)置Class類路徑、提示信息等選項。再點擊組件圖標(biāo)選擇之前png圖片。
8、如果圖標(biāo)不能像下圖所示的話,請按第4步重新確認(rèn)一下就可以了。
9、然后就是把這個StringUtil組件打包成SWC文件(其實就是一個zip壓縮文件格式)。
10、到第9步組件就算做成功了,但要發(fā)布給別人用的話,就可以把swc文件打包成mxp文件了,而打包之前首先要配置StringUtil.mxi文件(這個文件就是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擴展管理器的話,你可以直接雙擊StringUtil.mxi文件來生成StringUtil.mxp文件?;蛘吣阆却蜷_ Adobe Extension Manager 1.8擴展管理器選擇“文件” - “將擴展打包...”,選擇StringUtil.mxi文件,然后生成StringUtil.mxp了,到這里就賀喜你了,你的Flash CS3組件就開發(fā)完成了!
相關(guān)文章
圖文演示Flash+ASP實現(xiàn)用戶登錄/注冊程序
圖文演示Flash+ASP實現(xiàn)用戶登錄/注冊程序...2007-12-12關(guān)于FLASH與XML交互應(yīng)用中的理解
關(guān)于XML在FLASH中的應(yīng)用,以前寫過幾篇。也收集了幾篇來自網(wǎng)絡(luò)的。不過,都是一些非常簡單而常用的。在這里,我把XML的其他相關(guān)說明總結(jié)一下。有不足之處,希望大家能相互補充。只為了一個共同的目的:共同提高。2008-04-04