flash第六課.ppt

1、四、四、“影片剪輯影片剪輯”屬性調(diào)整及路徑解析屬性調(diào)整及路徑解析 v 實例展示：素材實例展示：素材6-4.swfv 實例分析：實例分析： 先觀察場景：中間放置一個實例名為“huan_mc”的影片剪輯 再觀察“huan_mc”的影片剪輯：里面包含一個“shu_mc”的影片剪輯 觀察一下剪輯里四個按鈕的代碼 分析主場景上按鈕的分析主場景上按鈕的release事件事件-使用絕對路徑使用絕對路徑v主場景上藍色按鈕主場景上藍色按鈕控制的是控制的是huan_mc的透明度屬性：的透明度屬性：v藍色減號藍色減號“-”按鈕按鈕 ：on(release) _root.huan_mc._alpha=50;點擊按鈕時

2、將場景上的點擊按鈕時將場景上的huan_mc影片剪輯透明度設(shè)為影片剪輯透明度設(shè)為50v藍色加號藍色加號“+”按鈕：按鈕：on(release) _root.huan_mc._alpha=100;點擊按鈕時將場景上的點擊按鈕時將場景上的huan_mc影片剪輯透明度設(shè)影片剪輯透明度設(shè)100v_alpha:透明度屬性透明度屬性：以百分比為單位。v賦值運算符賦值運算符“=”：不表示相等，相等運算符是兩個連接的等號“=”，賦值運算符“=”的作用是將等號“=”右邊的數(shù)值或者通過表達式計算的結(jié)果賦給左邊的變量或者對象分析主場景上按鈕的分析主場景上按鈕的release事件事件-使用絕對路徑使用絕對路徑v主場景

3、上紅色按鈕主場景上紅色按鈕控制的是控制的是huan_mc的縱、橫向縮放比的縱、橫向縮放比例屬性例屬性 ：v紅色加號紅色加號“+”按鈕按鈕 ： on(release) _root.huan_mc._xscale=_root.huan_mc._xscale*1.1; _root.huan_mc._yscale=_root.huan_mc._yscale*1.1; v紅色減號紅色減號“-”按鈕按鈕：on(release) _root.huan_mc._xscale=_root.huan_mc._xscale*0.9; _root.huan_mc._yscale=_root.huan_mc._ysca

4、le*0.9; 點擊這兩個按鈕時，令場景上的點擊這兩個按鈕時，令場景上的huan_mc影片剪輯按照影片剪輯按照每一次計算出的比例進行縱、橫向等比例縮放。每一次計算出的比例進行縱、橫向等比例縮放。 v_xscale 影片剪輯的橫向縮放比例，以百分比為單位。v_yscale 影片剪輯的縱向縮放比例，以百分比為單位。分析主場景上按鈕的分析主場景上按鈕的release事件事件-使用絕對路徑使用絕對路徑v主場景上綠色主場景上綠色“上上”、“下下”、“左左”、“右右”按鈕按鈕 控控制的是制的是huan_mc的，這一組按鈕控制的是的，這一組按鈕控制的是的縱、橫坐標屬性。的縱、橫坐標屬性。例如：綠色例如：綠色

5、“向上向上”按鈕上按鈕上 ： on(release)_root.huan_mc.shu_mc._y=_root.huan_mc.shu_mc._y-10;點擊這個按鈕時，令場景上的點擊這個按鈕時，令場景上的huan_mc影片剪輯影片剪輯影片剪輯位置向上移動影片剪輯位置向上移動10個像素個像素點。點。 綠色綠色“向下向下”按鈕上按鈕上 ： on(release)_root.huan_mc.shu_mc._y=_root.huan_mc.shu_mc._y+10;綠色綠色“向左向左”按鈕上按鈕上 ： on(release)_root.huan_mc.shu_mc._x = _root.huan_m

6、c.shu_mc._x-10;綠色綠色“向右向右”按鈕上按鈕上 ： on(release)_root.huan_mc.shu_mc._x = _root.huan_mc.shu_mc._x+10;v_x 影片剪輯的橫坐標x屬性，單位為像素。v_y 影片剪輯的縱坐標y坐標，單位為像素。分析主場景上按鈕的分析主場景上按鈕的release事件事件-使用絕對路徑使用絕對路徑v主場景右下角綠色加號主場景右下角綠色加號“+”、減號、減號“-”按鈕按鈕控制的是控制的是主場景主場景(_root)的縱、橫向等比例縮放，每點擊一次的縱、橫向等比例縮放，每點擊一次減號減號“-”按鈕，主場景按按鈕，主場景按90的比例

7、縮小，點擊加號的比例縮小，點擊加號“+”按鈕，比例還原到按鈕，比例還原到100。v例如：綠色例如：綠色“-”按鈕上按鈕上 ： on (release) _root._xscale = _root._xscale*0.9 _root._yscale = _root._yscale*0.9; 綠色綠色“+”按鈕上按鈕上 ： on (release) _root._xscale = 100;_root._yscale = 100; 分析分析影片剪輯內(nèi)部影片剪輯內(nèi)部的按鈕的的按鈕的release事件事件-使用使用相對路徑相對路徑v紅色按鈕紅色按鈕調(diào)整調(diào)整huan_mc影片剪輯的縱、橫向等影片剪輯的縱、

8、橫向等比例縮放，與主場景上相應(yīng)按鈕的控制效果相同，比例縮放，與主場景上相應(yīng)按鈕的控制效果相同，路徑的指向不同路徑的指向不同。v紅色加號紅色加號“+”按鈕按鈕 ： on(release)this._parent._xscale=this._parent._xscale*1.1;this._parent._yscale=this._parent._yscale*1.1;v紅色減號紅色減號“-”按鈕按鈕：on(release)this._parent._xscale=this._parent._xscale*0.9;this._parent._yscale=this._parent._yscale*

9、0.9;相對路徑相對路徑vthis指向的是包含該按鈕的影片剪輯的時間軸。這里指的是影片剪輯影片剪輯“shu_mc” 。v_parent指向的是包含該按鈕的影片剪輯時間軸的上一級時間軸（父時間軸）。這里指的是“huan_mc”影片剪輯時間軸影片剪輯時間軸 。相對路徑相對路徑v相對路徑用于控制時間軸和目標時間軸之間的關(guān)系。相對路徑用于控制時間軸和目標時間軸之間的關(guān)系。v使用關(guān)鍵字使用關(guān)鍵字 this 指示當前層中的當前指示當前層中的當前 時間軸時間軸v使用別名使用別名 _parent 指示當前時間軸的父級時間軸。指示當前時間軸的父級時間軸?？梢灾貜?fù)使用別名可以重復(fù)使用別名 _parent ，每使用

10、一次就會在，每使用一次就會在影片剪輯層次結(jié)構(gòu)中上升一層。影片剪輯層次結(jié)構(gòu)中上升一層。例如，例如，_parent._parent 控制影片剪輯在層次結(jié)控制影片剪輯在層次結(jié)構(gòu)中上升兩層。構(gòu)中上升兩層。分析分析影片剪輯內(nèi)部影片剪輯內(nèi)部的按鈕的的按鈕的release事件事件-使用使用相對路徑相對路徑v綠色按鈕綠色按鈕控制主場景的縱、橫向等比例縮放，與主控制主場景的縱、橫向等比例縮放，與主場景上相應(yīng)按鈕的控制效果相同，場景上相應(yīng)按鈕的控制效果相同，路徑的指向不同路徑的指向不同。v綠色減號綠色減號“-”按鈕按鈕 ： on(release)this._parent._parent._xscale=this.

11、_parent._parent._xscale*0.9;this._parent._parent._yscale=this._parent._parent._yscale*0.9;v綠色減號綠色減號“+”按鈕按鈕：on(release)this._parent._parent._xscale=100;this._parent._parent._yscale=100;v“_parent._parent” 指向的是包含了按鈕的“shu_mc”影片剪輯的上一級“huan_mc”影片剪輯的上一級時間軸，即主場景“_root”的時間軸。本節(jié)涉及的語法及規(guī)范：本節(jié)涉及的語法及規(guī)范：v 賦值運算符賦值運算符

12、“=” 不表示相等，相等運算符是不表示相等，相等運算符是“=”， 賦值運算符賦值運算符“=”的作用是將等號的作用是將等號“=”右邊的數(shù)值或者通過表達式計算的結(jié)果賦右邊的數(shù)值或者通過表達式計算的結(jié)果賦給左邊的變量或者對象。給左邊的變量或者對象。 舉例用法：舉例用法：huan_mc._alpha=100;v *加法賦值運算符加法賦值運算符“+=”： 格式：數(shù)值（或者字符串）1+=數(shù)值（或者字符串）2 舉例用法：下面兩個語句的結(jié)果是相同的：_root.huan_mc.shu_mc._y=_root.huan_mc.shu_mc._y+10;_root.huan_mc.shu_mc._y+=10;v

13、*減法賦值運算符減法賦值運算符“-=”： 格式：數(shù)值（或者字符串）1-=數(shù)值（或者字符串）2 舉例用法：下面兩個語句的結(jié)果是相同的： _root.huan_mc.shu_mc._y=_root.huan_mc.shu_mc._y-10; _root.huan_mc.shu_mc._y-=10;v *相乘賦值運算符相乘賦值運算符“*=”v *除法賦值運算符除法賦值運算符“/=” 第七章第七章 按鈕的制作按鈕的制作v【公用庫公用庫】里的按鈕是里的按鈕是flash軟件本身自帶的軟件本身自帶的,如果如果【公共庫公共庫】里沒有合適的按鈕里沒有合適的按鈕,則需要自己則需要自己制作，本節(jié)將學習制作，本節(jié)將學

14、習Flash簡單按鈕的制作。簡單按鈕的制作。新建按鈕新建按鈕v 選擇選擇【文件文件】【】【新建新建】命令，在命令，在【新建文件新建文件】對話框?qū)υ捒虻牡摹境Ｒ?guī)常規(guī)】選項卡中選擇選項卡中選擇【Flash文檔文檔】再單擊再單擊【確確定定】按鈕打開新文件。按鈕打開新文件。v 執(zhí)行執(zhí)行【插入插入】【】【新建元件新建元件】命令，出現(xiàn)命令，出現(xiàn)“創(chuàng)建新元件創(chuàng)建新元件”對話框，選擇對話框，選擇“按鈕按鈕”，名稱可以是默認名字，單擊，名稱可以是默認名字，單擊“確認確認”按鈕。按鈕。 v 進入進入“按鈕元件按鈕元件”編輯窗口，進入按鈕編輯區(qū)，編輯窗口，進入按鈕編輯區(qū)，時間軸上面一共有四個幀，分別是時間軸上面一共

15、有四個幀，分別是“彈起彈起”、“指針經(jīng)過指針經(jīng)過”、“按下按下”和和“點擊點擊”。v彈起彈起:對應(yīng)著鼠標沒有指在按鈕上時按鈕的狀態(tài)對應(yīng)著鼠標沒有指在按鈕上時按鈕的狀態(tài);v指針經(jīng)過指針經(jīng)過:對應(yīng)著鼠標滑過按鈕時按鈕的狀態(tài)對應(yīng)著鼠標滑過按鈕時按鈕的狀態(tài);v按下按下:對應(yīng)著用戶在按鈕上按下鼠標時按鈕的狀態(tài)對應(yīng)著用戶在按鈕上按下鼠標時按鈕的狀態(tài);v點擊點擊:定義了按鈕接受用戶反應(yīng)的范圍。定義了按鈕接受用戶反應(yīng)的范圍。v 使用使用“矩形工具矩形工具”，設(shè)置圓角為，設(shè)置圓角為20，筆觸設(shè)為，筆觸設(shè)為6，分別給填充和筆觸選擇一個漸變色分別給填充和筆觸選擇一個漸變色v 在在“彈起彈起”幀下繪制一個矩形，如圖所

16、示。幀下繪制一個矩形，如圖所示。v 通過對齊面板對齊中心點通過對齊面板對齊中心點v 在在 “指針經(jīng)過指針經(jīng)過”幀按下快捷鍵幀按下快捷鍵【F6】鍵，插入關(guān)鍵幀，鍵，插入關(guān)鍵幀，此時插入了此時插入了“彈起彈起”狀態(tài)的按鈕。為了區(qū)分他們的不狀態(tài)的按鈕。為了區(qū)分他們的不同狀態(tài)，使用同狀態(tài)，使用【顏料桶顏料桶】工具，選擇一個與工具，選擇一個與“彈起彈起”狀態(tài)不同的顏色，對狀態(tài)不同的顏色，對“指針經(jīng)過指針經(jīng)過”幀下的幀下的“按鈕按鈕”進進行變更顏色。效果如圖所示。行變更顏色。效果如圖所示。v 在在“按下按下”幀按下快捷鍵幀按下快捷鍵【F6】鍵插入一個關(guān)鍵幀，鍵插入一個關(guān)鍵幀，同樣使用同樣使用“顏料桶工具顏

17、料桶工具”對按鈕進行顏色的更改，對按鈕進行顏色的更改，再使用再使用“任意變形工具任意變形工具”稍微對稍微對“按鈕按鈕”圖形進行圖形進行放大調(diào)整。效果如圖所示。放大調(diào)整。效果如圖所示。v 在在“點擊點擊”幀，也就是鼠標的點擊區(qū)域，可以為按鈕幀，也就是鼠標的點擊區(qū)域，可以為按鈕繪制一個較大的矩形，當用戶畫的按鈕特別小或以文繪制一個較大的矩形，當用戶畫的按鈕特別小或以文字作為按鈕的時候，瀏覽者不容易直接點擊到按鈕，字作為按鈕的時候，瀏覽者不容易直接點擊到按鈕，這種情況下設(shè)置這種情況下設(shè)置“點擊點擊”幀尤為重要。效果如圖所示。幀尤為重要。效果如圖所示。v 制作完按鈕，返回到制作完按鈕，返回到“場景場景

18、1”，按下，按下【CTRL】+【L】鍵打開鍵打開“庫面板庫面板”，把新，把新建的建的“按鈕元件按鈕元件”拖入到舞臺中，再按下拖入到舞臺中，再按下【CTRL】+【ENTER】進行最后的按鈕測進行最后的按鈕測試。試。v按鈕其實就是一個包含按鈕其實就是一個包含4幀的影片片斷。創(chuàng)建幀的影片片斷。創(chuàng)建按鈕時，按鈕時，F(xiàn)lash將自動創(chuàng)建將自動創(chuàng)建4幀，即彈起、指幀，即彈起、指針經(jīng)過、按下和點擊，和普通的連續(xù)幀不同，針經(jīng)過、按下和點擊，和普通的連續(xù)幀不同，這這4幀并不連續(xù)播放。幀并不連續(xù)播放。Flash根據(jù)鼠標相對按根據(jù)鼠標相對按鈕的不同位置和動作，播放不同的幀。鈕的不同位置和動作，播放不同的幀。v用戶在

19、用戶在“彈起彈起”幀中繪制圖形、插入圖像元件幀中繪制圖形、插入圖像元件或者影片元件作為按鈕的外觀。如果不對或者影片元件作為按鈕的外觀。如果不對“指指針經(jīng)過針經(jīng)過”、“按下按下”和和“點擊點擊”幀進行特別處幀進行特別處理，理，F(xiàn)lash將默認這三幀和將默認這三幀和“彈起彈起”幀的狀態(tài)幀的狀態(tài)一樣。在一樣。在“點擊點擊”幀中，只需繪制一個簡單的幀中，只需繪制一個簡單的幾何圖形未定義按鈕觸發(fā)范圍，故此幀在動畫幾何圖形未定義按鈕觸發(fā)范圍，故此幀在動畫中是不可見的。如果沒有特別定義這一幀，那中是不可見的。如果沒有特別定義這一幀，那么么“彈起彈起”幀的范圍將成為默認的按鈕觸發(fā)范幀的范圍將成為默認的按鈕觸發(fā)

20、范圍。圍。個性化按鈕制作個性化按鈕制作 “隱藏隱藏”指的是當鼠標和按鈕有指的是當鼠標和按鈕有“交互交互”的時的時候按鈕可以自動隱藏起來以便顯示更多內(nèi)容，候按鈕可以自動隱藏起來以便顯示更多內(nèi)容，這里鼠標和按鈕的這里鼠標和按鈕的“交互交互”狀態(tài)包括狀態(tài)包括“彈起彈起”、“指針經(jīng)過指針經(jīng)過”和和“按下按下”，也就是說只要在這，也就是說只要在這三種狀態(tài)的其中一種，按鈕隱藏的話，就是隱三種狀態(tài)的其中一種，按鈕隱藏的話，就是隱藏按鈕了藏按鈕了v 執(zhí)行執(zhí)行【插入插入】【】【新建元件新建元件】命令，出現(xiàn)命令，出現(xiàn)“創(chuàng)建新元創(chuàng)建新元件件”對話框，選擇對話框，選擇“按鈕按鈕”，名稱改為，名稱改為“1”，單擊，單擊

21、“確認確認”按鈕。按鈕。v 分別在分別在“彈起彈起”、“鼠標經(jīng)過鼠標經(jīng)過”、“按下按下”放入上放入上面已經(jīng)制作好的元件一、元件二、元件三。并且分面已經(jīng)制作好的元件一、元件二、元件三。并且分別對齊到中心點別對齊到中心點v 在在“點擊點擊”畫一矩形，作為鼠標感應(yīng)區(qū)。畫一矩形，作為鼠標感應(yīng)區(qū)。v 普通的按鈕制作完畢，下面是將普通按鈕轉(zhuǎn)化為隱普通的按鈕制作完畢，下面是將普通按鈕轉(zhuǎn)化為隱藏按鈕，有兩種方法，一個是使用藏按鈕，有兩種方法，一個是使用flash action來來實現(xiàn)，一個是將實現(xiàn)，一個是將“點擊點擊”、“鼠標經(jīng)過鼠標經(jīng)過”、“按下按下”中的其中一幀內(nèi)容刪除，這里使用第二種方法。中的其中一幀內(nèi)

22、容刪除，這里使用第二種方法。v復(fù)制按鈕元件復(fù)制按鈕元件“1” （右鍵（右鍵-直接復(fù)制）直接復(fù)制）3次次分別改名字為分別改名字為“2” “3” “4”v對應(yīng)元件對應(yīng)元件2、3、4，分別刪除彈起、指針經(jīng)過、按下，分別刪除彈起、指針經(jīng)過、按下上的內(nèi)容上的內(nèi)容v制作完按鈕，返回到制作完按鈕，返回到“場景場景1”，按下，按下【CTRL】+【L】鍵打開鍵打開“庫面板庫面板”，把新建的，把新建的 元件元件2、3、4放放上舞臺，再按下上舞臺，再按下【CTRL】+【ENTER】進行最后的進行最后的按鈕測試。按鈕測試。動畫按鈕的制作動畫按鈕的制作 v這里的這里的“動畫動畫”意思和隱藏按鈕中隱藏的意思意思和隱藏按鈕中隱藏的意思類似，只要按鈕的類似，只要按鈕的“彈起彈起”、“鼠標經(jīng)過鼠標經(jīng)過”、“按下按下”這三幀中有一幀內(nèi)容是影片剪輯，則這三幀中有一幀內(nèi)容是影片剪輯，則將這個按鈕稱為動畫按鈕。