flash第六課.ppt

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

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

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

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

5、“向上向上”按鈕上按鈕上 ： on(release)_root.huan_mc.shu_mc._y=_root.huan_mc.shu_mc._y-10;點(diǎn)擊這個(gè)按鈕時(shí)，令場(chǎng)景上的點(diǎn)擊這個(gè)按鈕時(shí)，令場(chǎng)景上的huan_mc影片剪輯影片剪輯影片剪輯位置向上移動(dòng)影片剪輯位置向上移動(dòng)10個(gè)像素個(gè)像素點(diǎn)。點(diǎn)。 綠色綠色“向下向下”按鈕上按鈕上 ： 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 影片剪輯的橫坐標(biāo)x屬性，單位為像素。v_y 影片剪輯的縱坐標(biāo)y坐標(biāo)，單位為像素。分析主場(chǎng)景上按鈕的分析主場(chǎng)景上按鈕的release事件事件-使用絕對(duì)路徑使用絕對(duì)路徑v主場(chǎng)景右下角綠色加號(hào)主場(chǎng)景右下角綠色加號(hào)“+”、減號(hào)、減號(hào)“-”按鈕按鈕控制的是控制的是主場(chǎng)景主場(chǎng)景(_root)的縱、橫向等比例縮放，每點(diǎn)擊一次的縱、橫向等比例縮放，每點(diǎn)擊一次減號(hào)減號(hào)“-”按鈕，主場(chǎng)景按按鈕，主場(chǎng)景按90的比例

7、縮小，點(diǎn)擊加號(hào)的比例縮小，點(diǎn)擊加號(hào)“+”按鈕，比例還原到按鈕，比例還原到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事件事件-使用使用相對(duì)路徑相對(duì)路徑v紅色按鈕紅色按鈕調(diào)整調(diào)整huan_mc影片剪輯的縱、橫向等影片剪輯的縱、

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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