二、目標(biāo)和計(jì)劃
上面講了一大堆預(yù)備知識(shí),也許一些朋友感到麻煩有些退卻了,別急,開發(fā)插件雖然比較麻煩,但讓我們從小事情開始,不論是一大步,還是一小步,都是改變你自己的的一步,相信你會(huì)得到快樂的。在本教程中我將以一個(gè)簡(jiǎn)單的插件為例,介紹開發(fā)插件中的基本步驟和需要注意的一些問題。
1.首先我們來看一下我們要完成的目標(biāo),很多朋友都見過網(wǎng)上充斥的大量的Mac風(fēng)格的按鈕,如下圖所示:
這種按鈕色彩鮮艷,光感強(qiáng)烈,晶瑩剔透,得到許多朋友的喜愛,但每次創(chuàng)建此種按鈕都經(jīng)過繁瑣的步驟實(shí)在讓人生厭,像我這樣的懶人也很少去做這種按鈕。好在Fireworks MX的強(qiáng)項(xiàng)就是將繁瑣的任務(wù)簡(jiǎn)單化,它是一個(gè)不知疲倦的程序,讓我們花些時(shí)間完成這樣一個(gè)插件,以后就可以偷懶了。好了目標(biāo)已經(jīng)確定~Let’s go!
2.制定開發(fā)Command的計(jì)劃。
說的大些,開發(fā)插件也算是一個(gè)系統(tǒng)工程(好象有些夸大其詞?),因此做好前期的準(zhǔn)備、籌劃和分析至關(guān)重要。先讓我們來看看需要準(zhǔn)備些什么,并制定一下開發(fā)的計(jì)劃和流程。
A、分析階段:首先分析一下創(chuàng)建一個(gè)Mac風(fēng)格的按鈕在Fireworks MX中需要哪些操作,我們可以打開Fireworks MX實(shí)際創(chuàng)建一個(gè)Mac風(fēng)格的按鈕,并分析相應(yīng)的程序代碼,以找出需要的參數(shù)。
B、其次我們要確定完成此任務(wù)需要的幾個(gè)參數(shù):
1)按鈕尺寸:Width(寬),Height(高)
2)按鈕位置:Left(左邊界),Top(頂邊界)
3)圓角數(shù)值:Roundness(設(shè)定矩形按鈕圓角數(shù)值)
4)按鈕顏色:Color(基本色)
C、輸入框:根據(jù)以上的參數(shù),我們需要在Flash MX中創(chuàng)建獲取這些參數(shù)的輸入框。
D、其他的相關(guān)說明信息:我們需要為此插件添加簡(jiǎn)單的使用說明和作者信息,因此增加一個(gè)Help按鈕和界面。如下圖所示:
E、執(zhí)行和取消操作:上面我們從用戶取得的參數(shù)最終通過按OK按鈕后啟動(dòng)我們的Javascript程序來創(chuàng)建按鈕,也可以按Cancel取消此次操作。
出處:
責(zé)任編輯:藍(lán)色
上一頁 基礎(chǔ)知識(shí) 下一頁 分析階段
◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論
|