2016-04-08 17:24:36 來(lái)源：互聯(lián)網(wǎng) 次閱讀
本例為Fireworks技巧實(shí)例教程，主要講解動(dòng)態(tài)元件的創(chuàng)建方法，教程從介紹動(dòng)態(tài)元件的概念、創(chuàng)建一個(gè)基本的Fireworks動(dòng)態(tài)元件到運(yùn)用JSF代碼的高級(jí)運(yùn)用均有講解，希望能給朋友們帶來(lái)幫助~~
首先講一下什么是動(dòng)態(tài)元件，在Fireworks中，我們可以創(chuàng)建“圖形”、“按鈕”、和“動(dòng)畫(huà)”三種元件，但往往我們只是直接從文檔庫(kù)里面直接把元件拖出來(lái)用，我們把這種元件成為靜態(tài)元件。
舉個(gè)例子：我繪畫(huà)了一顆“OK“按鈕并轉(zhuǎn)換為按鈕類的元件，當(dāng)我要再做一個(gè)“Cancel”按鈕時(shí)，我就要把剛才那個(gè)“OK”按鈕從文檔庫(kù)拖進(jìn)畫(huà)布，打散，然后把文本“OK”改為“Cancel”，再轉(zhuǎn)成元件。像這樣子的操作也許我們壓根就沒(méi)必要將它們轉(zhuǎn)成元件，因?yàn)槿绻覀円龊芏喟粹o，那文檔庫(kù)就會(huì)有很多這樣子的元件。
而動(dòng)態(tài)元件是什么概念呢？就是我只需要從庫(kù)里面把這按鈕拖出來(lái)，然后就可以在“元件定義”面板里面改變這個(gè)按鈕上的文字、長(zhǎng)和寬、以及鼠標(biāo)移入、按下等屬性，但這個(gè)元件在庫(kù)里面只存在一個(gè)，這就是我所說(shuō)的動(dòng)態(tài)元件。如果你對(duì)此還不太理解，那你可以點(diǎn)擊“Window”菜單下的“Common Library”開(kāi)啟公用庫(kù)，里面就放著一些這種類型的元件。
了解動(dòng)態(tài)元件用來(lái)做什么以后，我們就可以開(kāi)始制作了。
一、創(chuàng)建一個(gè)基本的動(dòng)態(tài)元件
1.首先我們繪制一顆按鈕的四種狀態(tài)：“正常狀態(tài)”、“鼠標(biāo)移入狀態(tài)”、“鼠標(biāo)按下?tīng)顟B(tài)” 和 “禁用狀態(tài)”
2.然后我們把這些按鈕背景圖的坐標(biāo)設(shè)為統(tǒng)一，讓它們重疊在一起，再將它們?nèi)窟x中，按F8鍵轉(zhuǎn)為一個(gè)圖形類元件，進(jìn)入這個(gè)元件的編輯狀態(tài)，加入按鈕文本，并給每張狀態(tài)圖進(jìn)行命名（如下圖）
3.第2步操作要注意幾點(diǎn)：
- 開(kāi)啟“九宮智能縮放”，將拉伸區(qū)域設(shè)定在文本框外部；
- 文本框的寬度要等于按鈕背景圖寬度減去縮放區(qū)域?qū)挾龋⒃O(shè)置文本居中顯示；
- 按鈕背景圖最好平面化為位圖，避免在縮放時(shí)出現(xiàn)路徑開(kāi)拆（但不平面化也可以保持圖形縮放時(shí)的質(zhì)量不會(huì)損失）；
- 將不需要顯示的狀態(tài)圖進(jìn)行隱藏（去掉圖層前面的眼睛圖標(biāo)）；
4.在文檔庫(kù)中選中剛才創(chuàng)建的元件，點(diǎn)擊右上角的菜單按鈕，選擇“保存到公用庫(kù)”，在彈出的對(duì)話框中選擇保存，默認(rèn)的路徑是：
X:Documents and SettingsUserNameApplication DataAdobeFireworks CS3Common LibraryCustom Symbols
