Flash教程:全面掌握按鈕相關(guān)內(nèi)容_Flash教程
推薦:Flash Actionscript 優(yōu)化指南第一章 AS3的一些優(yōu)化計(jì)算方法 用乘法來(lái)代替除法(當(dāng)除數(shù)可轉(zhuǎn)化為有限數(shù)的時(shí)候)。比如var n:Number = value * 0.5;要比var n:Number = value / 2;快。但差別并不是很大。只有在需
問(wèn)題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è)元件,命名為“按鈕”,類(lèi)型設(shè)定為按鈕元件。
3,進(jìn)入按鈕編輯區(qū),時(shí)間軸上面一共有四個(gè)幀。這四個(gè)幀的作用已經(jīng)在第一章中向大家介紹過(guò)了。如圖所示。

圖2.1.34 按鈕元件的時(shí)間軸
4、在第1幀中單擊工具欄里面的矩形工具繪制一個(gè)藍(lán)色的矩形。
5、返回到場(chǎng)景1,從“庫(kù)”中把這個(gè)按鈕拖動(dòng)到舞臺(tái)中。
6、發(fā)布測(cè)試效果,我們看到當(dāng)鼠標(biāo)放到這個(gè)按鈕上面的時(shí)候,鼠標(biāo)變?yōu)樾∈中螤�,說(shuō)明制作的這個(gè)按鈕成功。
7、在實(shí)際的創(chuàng)作中,因?yàn)槲枧_(tái)中的元件很多,為了區(qū)分元件的種類(lèi),需要在按鈕上面寫(xiě)上說(shuō)明,那么我們就來(lái)實(shí)際制作一下。
8、雙擊“庫(kù)”中按鈕元件,進(jìn)入按鈕編輯區(qū)。
9、在圖層面板中新建圖層2,單擊文本工具鍵入“button”,調(diào)整位置。如圖所示。

圖2.1.35 加入文字圖層
10、返回到場(chǎng)景1測(cè)試,按鈕上面已經(jīng)有了一個(gè)標(biāo)志名字,按鈕的功能沒(méi)有受到影響。如圖所示。

圖2.1.36 按鈕效果
11、這種按鈕的制作方法是最為簡(jiǎn)單的,它不涉及到反應(yīng)區(qū)的問(wèn)題。因?yàn)樗{(lán)色的矩形部分已經(jīng)在舞臺(tái)中顯露出來(lái),只要點(diǎn)擊藍(lán)色區(qū)域都可以執(zhí)行按鈕的作用。在一些Flash作品中由于整體視覺(jué)效果的要求,往往出現(xiàn)一些只有文字,沒(méi)有背景的按鈕。這樣就涉及到了問(wèn)題中所提到的反應(yīng)區(qū)的問(wèn)題。
12、進(jìn)入按鈕元件編輯區(qū),在第1幀中鍵入文字“PLAY”,制作一個(gè)播放按鈕。如圖所示。

圖2.1.37 鍵入文字
13、返回到場(chǎng)景1發(fā)布測(cè)試按鈕效果,發(fā)現(xiàn)鼠標(biāo)不是很輕易的就會(huì)點(diǎn)擊到按鈕。其原因是按鈕的反應(yīng)只限制在文字的線條上面。
14、解決這個(gè)問(wèn)題,可以采用兩種方法。第一種方法,進(jìn)入按鈕元件編輯區(qū),在第4幀中利用矩形工具畫(huà)一個(gè)矩形,放在“PLAY”的下方,以擴(kuò)大它的反應(yīng)區(qū)。因?yàn)榈?幀“點(diǎn)擊”中的內(nèi)容在發(fā)布作品的時(shí)候是看不見(jiàn)的,所以我們可以使用任意顏色。如圖所示。

圖2.1.38 在“點(diǎn)擊”幀插入矩形
14、發(fā)布測(cè)試效果,因?yàn)榘粹o反應(yīng)區(qū)的擴(kuò)大,就很輕易的點(diǎn)擊到按鈕了。請(qǐng)參考源文件點(diǎn)擊這里下載源文件。
15、另外一種方法是新建一個(gè)圖層,在按鈕元件編輯區(qū)的第1幀畫(huà)一個(gè)透明的矩形,因?yàn)榫匦坞m然是透明的,在舞臺(tái)中是看不見(jiàn)的,但是它還會(huì)起到一個(gè)形狀的作用,這樣在第1幀擴(kuò)大了按鈕的反應(yīng)區(qū)域。如圖所示。

圖2.1.39 插入透明矩形
16、這種制作方法也可以制作出非常好用的文字按鈕。
注意——對(duì)按鈕的測(cè)試,我們用【控制】菜單里面的【播放】命令或者使用快捷鍵“Enter”是無(wú)法測(cè)試的。我們要單擊【文件】菜單下的【發(fā)布】命令或者使用組合快捷鍵“Ctrl+Enter”來(lái)進(jìn)行發(fā)布測(cè)試。
提示——朋友們普遍對(duì)按鈕的四個(gè)幀里面的最后一個(gè)幀的作用不是很理解,這個(gè)幀就是按鈕的反應(yīng)區(qū),在場(chǎng)景中是看不到的,制作隱形按鈕就要利用這個(gè)幀。
技巧——按鈕是一部作品中不可或缺的重要組成部分,制作按鈕時(shí),應(yīng)考慮到整體作品的風(fēng)格。
試一試——我們向大家介紹了文字按鈕的制作方法,大家不妨試一試,因?yàn)檫@種按鈕在每個(gè)作品中都要使用的。
分析——出現(xiàn)這個(gè)問(wèn)題的根本原因有兩個(gè):第一,朋友們對(duì)按鈕制作的不重視性,認(rèn)為按鈕只是一個(gè)附屬的東西,對(duì)于作品整體的主體表現(xiàn)沒(méi)有太多的作用,所以也忽視了按鈕的細(xì)節(jié)制作;第二,朋友們對(duì)第4幀“點(diǎn)擊”的知識(shí)的不了解。
特別提示
按鈕作為一個(gè)Flash動(dòng)畫(huà)作品中實(shí)現(xiàn)交互作用的媒介,起到了非常重要的作用。因?yàn)楸疚乃皆次募胁](méi)有涉及到按鈕的控制問(wèn)題,所以只能利用鼠標(biāo)放置到按鈕上顯現(xiàn)的小手形狀來(lái)測(cè)試按鈕。
特別說(shuō)明
通過(guò)對(duì)這個(gè)問(wèn)題的解釋?zhuān)覀兞私饬嘶景粹o的制作方法和怎樣制作文字按鈕。我在欣賞閃吧承辦的“衡雅杯”環(huán)保FLASH比賽的時(shí)候,發(fā)現(xiàn)許多朋友制作的文字按鈕都沒(méi)有采取擴(kuò)大反映區(qū)的手段。以至考驗(yàn)欣賞者使用鼠標(biāo)的靈活程度,對(duì)作品的欣賞帶來(lái)第一印象的厭煩感
分享:網(wǎng)頁(yè)中Flash激活限制的處理方法本文對(duì)比了國(guó)內(nèi)門(mén)戶(hù)網(wǎng)站對(duì)網(wǎng)頁(yè)中Flash激活限制的處理方法和技巧。今年年初之時(shí),微軟發(fā)布了一個(gè)針對(duì)ActiveX控件的補(bǔ)丁,安裝此補(bǔ)丁后的IE6中,當(dāng)ActiveX控件
- as中禁用ESC鍵
- AS3.0 圖片變黑白 圖片彩色變黑白代碼
- flash as3.0 跨域的解決辦法
- 模板無(wú)憂FLASH透明代碼
- Flash教你制作卡通MM眨眼睛動(dòng)畫(huà)
- Flash從零開(kāi)始學(xué)習(xí)創(chuàng)建單選按鈕
- Flash繪制小龍與花插畫(huà)場(chǎng)景
- Flash程序的測(cè)試方法
- Flash CS4文字顏色緩動(dòng)特效
- 網(wǎng)頁(yè)中演示類(lèi)FLASH動(dòng)畫(huà)制作規(guī)范
- Flash CS3循環(huán)背景的運(yùn)用技巧
- Flash鼠繪技巧教你制作紅綠色的樹(shù)葉
Flash教程Rss訂閱網(wǎng)站制作教程搜索
Flash教程推薦
- Flash MX2004入門(mén)與進(jìn)階實(shí)例——?jiǎng)幼髂_本進(jìn)階(10)
- Flash CS4教程:3D旋轉(zhuǎn)和3D位移
- 用Flash簡(jiǎn)單制作印章動(dòng)畫(huà)視覺(jué)效果
- Flash MX2004入門(mén)與進(jìn)階實(shí)例——時(shí)間軸特效和行為(2)
- Flash MX2004入門(mén)與進(jìn)階實(shí)例——聲音和視頻(10)
- Flash制作轉(zhuǎn)動(dòng)的邊框圓特效動(dòng)畫(huà)
- Flash MX2004入門(mén)與進(jìn)階實(shí)例——元件和實(shí)例(16)
- Flash教你制作卡通MM眨眼睛動(dòng)畫(huà)
- Flash 2004 MX支持的css
- AS3.0新手必讀-影片Loading
猜你也喜歡看這些
- Swift 3D--Flash 第三方軟件 及視頻教程
- 新東方4+1flash全部教程
- Adobe Flash CS5新功能視頻教程
- oeasy教你玩轉(zhuǎn)flash》--更新到11
- 新東方劍橋商務(wù)英語(yǔ)BEC flash教程 初+中+高 (現(xiàn)已穩(wěn)定供源)
- 金鷹FLASH CS3活學(xué)活用
- 臺(tái)灣呂聰賢Flash MX視頻教程
- Flash 8經(jīng)典動(dòng)畫(huà)設(shè)計(jì)實(shí)錄
- 精通Flash動(dòng)畫(huà)設(shè)計(jì)(附光盤(pán)腳本分鏡頭設(shè)計(jì)與典型案例)》
- Flash CS3動(dòng)畫(huà)制作基礎(chǔ)與提高
- 相關(guān)鏈接:
- 教程說(shuō)明:
Flash教程-Flash教程:全面掌握按鈕相關(guān)內(nèi)容
。