問題1:如何制作按鈕?為什么我制作的文字按鈕,很不容易點(diǎn)擊到? 　　解決思路

　　在按鈕編輯區(qū)的時(shí)間軸上只有四個(gè)幀,第4幀的”點(diǎn)擊”是按鈕的反應(yīng)區(qū),這個(gè)區(qū)域在舞臺(tái)中是看不到的,但是他卻起到了按鈕反應(yīng)的作用。我們擴(kuò)大按鈕的反應(yīng)區(qū),既可以輕易的用鼠標(biāo)點(diǎn)擊到這個(gè)按鈕了。

　　具體步驟

　　1、運(yùn)行FlashMX2004，文檔屬性默認(rèn)。

　　2、新建一個(gè)元件，命名為“按鈕”，類型設(shè)定為按鈕元件。

　　3，進(jìn)入按鈕編輯區(qū)，時(shí)間軸上面一共有四個(gè)幀。這四個(gè)幀的作用已經(jīng)在第一章中向大家介紹過了。如圖所示。

　　圖2.1.34 按鈕元件的時(shí)間軸

　　4、在第1幀中單擊工具欄里面的矩形工具繪制一個(gè)藍(lán)色的矩形。

　　5、返回到場景1，從“庫”中把這個(gè)按鈕拖動(dòng)到舞臺(tái)中。

　　6、發(fā)布測試效果，我們看到當(dāng)鼠標(biāo)放到這個(gè)按鈕上面的時(shí)候，鼠標(biāo)變?yōu)樾∈中螤?，說明制作的這個(gè)按鈕成功。

　　7、在實(shí)際的創(chuàng)作中，因?yàn)槲枧_(tái)中的元件很多，為了區(qū)分元件的種類，需要在按鈕上面寫上說明，那么我們就來實(shí)際制作一下。

　　8、雙擊“庫”中按鈕元件，進(jìn)入按鈕編輯區(qū)。

　　9、在圖層面板中新建圖層2，單擊文本工具鍵入“button”，調(diào)整位置。如圖所示。
 

　　圖2.1.35 加入文字圖層

　　10、返回到場景1測試，按鈕上面已經(jīng)有了一個(gè)標(biāo)志名字，按鈕的功能沒有受到影響。如圖所示。
 

　　圖2.1.36 按鈕效果

　　11、這種按鈕的制作方法是最為簡單的，它不涉及到反應(yīng)區(qū)的問題。因?yàn)樗{(lán)色的矩形部分已經(jīng)在舞臺(tái)中顯露出來，只要點(diǎn)擊藍(lán)色的區(qū)域都可以執(zhí)行按鈕的作用。在一些Flash作品中由于整體視覺效果的要求，往往出現(xiàn)一些只有文字，沒有背景的按鈕。這樣就涉及到了問題中所提到的反應(yīng)區(qū)的問題。

　　12、進(jìn)入按鈕元件編輯區(qū)，在第1幀中鍵入文字“PLAY”，制作一個(gè)播放按鈕。如圖所示。
 

　　圖2.1.37 鍵入文字

　　13、返回到場景1發(fā)布測試按鈕效果，發(fā)現(xiàn)鼠標(biāo)不是很輕易的就會(huì)點(diǎn)擊到按鈕。其原因是按鈕的反應(yīng)只限制在文字的線條上面。

　　14、解決這個(gè)問題，可以采用兩種方法。第一種方法，進(jìn)入按鈕元件編輯區(qū)，在第4幀中利用矩形工具畫一個(gè)矩形，放在“PLAY”的下方，以擴(kuò)大它的反應(yīng)區(qū)。因?yàn)榈?幀“點(diǎn)擊”中的內(nèi)容在發(fā)布作品的時(shí)候是看不見的，所以我們可以使用任意顏色。如圖所示。
 

　　圖2.1.38 在“點(diǎn)擊”幀插 入矩形

　　14、發(fā)布測試效果，因?yàn)榘粹o反應(yīng)區(qū)的擴(kuò)大，就很輕易的點(diǎn)擊到按鈕了。請(qǐng)參考源文件點(diǎn)擊 這里下載源文件。

　　15、另外一種方法是新建一個(gè)圖層，在按鈕元件編輯區(qū)的第1幀畫一個(gè)透明的矩形，因?yàn)榫匦坞m然是透明的，在舞臺(tái)中是看不見的，但是它還會(huì)起到一個(gè)形狀的作用，這樣在第1幀擴(kuò)大了按鈕的反應(yīng)區(qū)域。如圖所示。
 

　　圖2.1.39 插 入透明矩形

　　16、這種制作方法也可以制作出非常好用的文字按鈕。

　　注意——對(duì)按鈕的測試，我們用【控制】菜單里面的【播放】命令或者使用快捷鍵“Enter”是無法測試的。我們要單擊【文件】菜單下的【發(fā)布】命令或者使用組合快捷鍵“Ctrl+Enter”來進(jìn)行發(fā)布測試。

　　提示——朋友們普遍對(duì)按鈕的四個(gè)幀里面的最后一個(gè)幀的作用不是很理解，這個(gè)幀就是按鈕的反應(yīng)區(qū)，在場景中是看不到的，制作隱形按鈕就要利用這個(gè)幀。

　　技巧——按鈕是一部作品中不可或缺的重要組成部分，制作按鈕時(shí)，應(yīng)考慮到整體作品的風(fēng)格。

　　試一試——我們向大家介紹了文字按鈕的制作方法，大家不妨試一試，因?yàn)檫@種按鈕在每個(gè)作品中都要使用的。

　　分析——出現(xiàn)這個(gè)問題的根本原因有兩個(gè)：第一，朋友們對(duì)按鈕制作的不重視性，認(rèn)為按鈕只是一個(gè)附屬的東西，對(duì)于作品整體的主體表現(xiàn)沒有太多的作用，所以也忽視了按鈕的細(xì)節(jié)制作；第二，朋友們對(duì)第4幀“點(diǎn)擊”的知識(shí)的不了解。

　　特別提示

　　按鈕作為一個(gè)Flash的動(dòng)畫作品中實(shí)現(xiàn)交互作用的媒介，起到了非常重要的作用。因?yàn)楸疚乃皆次募胁]有涉及到按鈕的控制問題，所以只能利用鼠標(biāo)放置到按鈕上顯現(xiàn)的小手形狀來測試按鈕。

　　特別說明

　　通過對(duì)這個(gè)問題的解釋，我們了解了基本按鈕的制作方法和怎樣制作文字按鈕。我在欣賞閃吧承辦的“衡雅杯”環(huán)保FLASH比賽的時(shí)候，發(fā)現(xiàn)許多朋友制作的文字按鈕都沒有采取擴(kuò)大反映區(qū)的手段。以至考驗(yàn)欣賞者使用鼠標(biāo)的靈活程度，對(duì)作品的欣賞帶來第一印象的厭煩感。

最新評(píng)論