Flash AS 入門 “影片剪輯”屬性調(diào)整及路徑解析

發(fā)布時(shí)間：2013-03-13 22:28:22 作者：佚名

本節(jié)應(yīng)掌握的知識(shí)要點(diǎn)①影片剪輯屬性調(diào)整；②相對(duì)路徑、絕對(duì)路徑的應(yīng)用；③賦值運(yùn)算符“=”應(yīng)用；④了解算術(shù)組合賦值運(yùn)算符“+=”、“-=”、“*=”、“/=”。

　　這篇教程為“Flash AS 入門教程”的一部分。查看全套教程>>>>。

　　源文件下載　

　　本節(jié)應(yīng)掌握的知識(shí)要點(diǎn)：

　　 ①影片剪輯屬性調(diào)整；②相對(duì)路徑、絕對(duì)路徑的應(yīng)用；③賦值運(yùn)算符“=”應(yīng)用；④了解算術(shù)組合賦值運(yùn)算符“+=”、“-=”、“*=”、“/=”。

　　屬性概念是我們生活中隨處可見的，各種物體都有自己的屬性，比如我們的食用水，它的自然屬性是透明、無(wú)色、無(wú)味的液體，這些屬性通過一些加工手段是可以改變的，加入調(diào)色劑可以使它的透明度和色澤發(fā)生變化，加入調(diào)味劑可以改變它的味道，放入冰箱冷凍可以讓它凝固成冰塊。

　　在Flash 中，影片剪輯對(duì)象也有自身的許多屬性，比如坐標(biāo)位置、透明度、大小、旋轉(zhuǎn)角度等等，運(yùn)用動(dòng)作腳本語(yǔ)句可以對(duì)其屬性進(jìn)行修改調(diào)整。

　　路徑概念在前面已經(jīng)接觸過了，我們將在這一節(jié)里加深理解。請(qǐng)看示例動(dòng)畫“實(shí)例1-4”。

　　>>>>>點(diǎn)擊查看動(dòng)畫效果<<<<<

　　實(shí)例1-4　“影片剪輯”屬性調(diào)整

　　我們先分析畫面層次結(jié)構(gòu)：畫面很簡(jiǎn)單，在黃藍(lán)色相間的主場(chǎng)景（_root）上，右下角放有幾組按鈕，中間有一個(gè)實(shí)例名為“huan_mc”的影片剪輯，“huan_mc”影片剪輯中還嵌套了一個(gè)實(shí)例名為“shu_mc”的影片剪輯，shu_mc影片剪輯里有一個(gè)圓形、一只小松鼠和4只按鈕。

　　把鼠標(biāo)分別移到各個(gè)按鈕上，可以顯示按鈕上設(shè)置的動(dòng)作，點(diǎn)擊主場(chǎng)景上的按鈕和shu_mc影片剪輯里的按鈕，可以分別控制各級(jí)影片剪輯的相應(yīng)屬性。

　　從絕對(duì)路徑控制影片剪輯屬性：

　　下面我們先來看看通過主場(chǎng)景上按鈕的release事件對(duì)影片剪輯huan_mc進(jìn)行屬性控制。

　　主場(chǎng)景上的一組藍(lán)色按鈕控制的是huan_mc的透明度屬性：

　　_alpha : 透明度屬性，以百分比為單位。

　　藍(lán)色減號(hào)“-”按鈕上的語(yǔ)句：

　　on (release) {

　　_root.huan_mc._alpha = 50;

　　} 　//點(diǎn)擊按鈕時(shí)，將場(chǎng)景上的huan_mc影片剪輯透明度設(shè)為50

　　藍(lán)色加號(hào)“+”按鈕上的語(yǔ)句：

　　on (release) {

　　_root.huan_mc._alpha = 100;

　　}　//點(diǎn)擊按鈕時(shí)，將場(chǎng)景上的huan_mc影片剪輯透明度設(shè)為100。

　　這一組按鈕的語(yǔ)句很簡(jiǎn)單，直接將一個(gè)常量賦值給場(chǎng)景上的huan_mc影片剪輯對(duì)象的透明度屬性。

　　主場(chǎng)景上的一組紅色按鈕控制的是huan_mc的縱、橫向縮放比例屬性：

　　_xscale 影片剪輯的橫向縮放比例，以百分比為單位。

　　 _yscale 影片剪輯的縱向縮放比例，以百分比為單位。　

　　紅色加號(hào)“+”按鈕上的語(yǔ)句：

　　on (release) {

　　_root.huan_mc._xscale = _root.huan_mc._xscale*1.1;

　　_root.huan_mc._yscale = _root.huan_mc._yscale*1.1;

　　}

　　紅色減號(hào)“-”按鈕上的語(yǔ)句：

　　on (release) {

　　_root.huan_mc._xscale = _root.huan_mc._xscale*0.9;

　　_root.huan_mc._yscale = _root.huan_mc._yscale*0.9;

　　}

　　這一組按鈕上的語(yǔ)句中，屬性的取值就不是一個(gè)簡(jiǎn)單的常量了，而是通過兩個(gè)表達(dá)式計(jì)算出對(duì)象的縱、橫向縮放比例，如“_root.huan_mc._xscale*1.1”，計(jì)算的結(jié)果就是橫向縮放比例為場(chǎng)景上的huan_mc橫向縮放比例的1.1倍即110%。再將這個(gè)結(jié)果賦值給表達(dá)式左邊指定的影片剪輯對(duì)象的相應(yīng)屬性，點(diǎn)擊一次按鈕就會(huì)計(jì)算一次，由此令該影片剪輯對(duì)象按照每一次計(jì)算出的比例進(jìn)行縱、橫向等比例縮放。

　　下面再來看看主場(chǎng)景上的一組綠色“上”、“下”、“左”、“右”按鈕，這一組按鈕控制的是位于huan_mc內(nèi)部的shu_mc的縱、橫坐標(biāo)屬性。

　　_x 影片剪輯的橫坐標(biāo)屬性，單位為像素。

　　_y 影片剪輯的縱坐標(biāo)y 坐標(biāo)，單位為像素。

　　綠色“向上”按鈕上的語(yǔ)句：

　　on (release) {

　　_root.huan_mc.shu_mc._y = _root.huan_mc.shu_mc._y-10;

　　}

　　當(dāng)點(diǎn)擊鼠標(biāo)時(shí)，即由右邊的表達(dá)式計(jì)算出“shu_mc”的y（縱）坐標(biāo)位置，然后賦值給shu_mc的縱坐標(biāo)屬性，如shu_mc在場(chǎng)景上的初始x、y位置為（0，0），第一次點(diǎn)擊鼠標(biāo)，shu_mc的位置變?yōu)椋?，-10），即上移10個(gè)像素。每點(diǎn)擊一次，上移10個(gè)像素。

　　其他“向下”、“向左”、“向右”3個(gè)按鈕同理。

　　主場(chǎng)景右下角綠色加號(hào)“+”、減號(hào)“-”按鈕控制的是主場(chǎng)景(_root)的縱、橫向等比例縮放，每點(diǎn)擊一次減號(hào)“-”按鈕，主場(chǎng)景按90％的比例縮小，點(diǎn)擊加號(hào)“+”按鈕，比例還原到100％。

　　從相對(duì)路徑控制影片剪輯屬性：

　　以上所述，主場(chǎng)景上的按鈕都是以絕對(duì)路徑的方式控制各級(jí)影片剪輯的相關(guān)屬性。絕對(duì)路徑在前面的內(nèi)容里已經(jīng)學(xué)習(xí)過。下面我們?cè)賮砜纯次挥?ldquo;shu_mc”影片剪輯內(nèi)部的按鈕是如何控制影片剪輯屬性的。

　　分別點(diǎn)擊兩個(gè)紅色按鈕，可以調(diào)整huan_mc影片剪輯的縱、橫向等比例縮放，分別點(diǎn)擊兩個(gè)綠色按鈕，可以控制主場(chǎng)景的縱、橫向等比例縮放，與主場(chǎng)景上相應(yīng)按鈕的控制效果相同，但是，它們路徑的指向卻有所不同。

　　紅色加號(hào)“+”按鈕上的語(yǔ)句：

　　on (release) {

　　this._parent._xscale = this._parent._xscale*1.1;

　　this._parent._yscale = this._parent._yscale*1.1;

　　}

　　紅色減號(hào)“+”按鈕上的語(yǔ)句：

　　on (release) {

　　this._parent._xscale = this._parent._xscale*0.9;

　　this._parent._yscale = this._parent._yscale*0.9;

　　}

　　與主場(chǎng)景上紅色按鈕的語(yǔ)句不同之處是，路徑不一樣，前者使用標(biāo)識(shí)符“_root”指定絕對(duì)路徑，而這里是以標(biāo)識(shí)符“this”和“_parent”指定相對(duì)路徑，這是我們這一節(jié)要掌握的又一個(gè)知識(shí)點(diǎn)。

　　this 當(dāng)將其附加到按鈕的 on 事件動(dòng)作中時(shí)，它指向的是包含該按鈕的影片剪輯的時(shí)間軸。

　　_parent 當(dāng)將其附加到按鈕的 on 事件動(dòng)作中時(shí)，它指向的是包含該按鈕的影片剪輯時(shí)間軸的上一級(jí)時(shí)間軸，即父時(shí)間軸。

　　比如紅色按鈕上的“this._parent”，this指向的就是包含了按鈕的“shu_mc”影片剪輯的時(shí)間軸，“_parent”指向的是包含了按鈕的“shu_mc”影片剪輯的上一級(jí)影片剪輯的時(shí)間軸，即“huan_mc”影片剪輯時(shí)間軸。

　　所以，當(dāng)點(diǎn)擊位于“shu_mc”中的紅色按鈕時(shí)，它控制的是“huan_mc”的縱、橫向等比例縮放屬性。

　　再看位于“shu_mc”中的綠色按鈕上的語(yǔ)句：

　　綠色減號(hào)“-”按鈕上的語(yǔ)句：

　　on (release) {

　　this._parent._parent._xscale = this._parent._parent._xscale*0.9;

　　this._parent._parent._yscale = this._parent._parent._yscale*0.9;

　　}

　　綠色加號(hào)“+”按鈕上的語(yǔ)句：

　　on (release) {

　　this._parent._parent._xscale = 100;

　　this._parent._parent._yscale = 100;

　　}

　　這里，又多了一級(jí)“_parent”，按照上面的路徑分析，“_parent._parent”指向的就應(yīng)該是包含了按鈕的“shu_mc”影片剪輯的上一級(jí)“huan_mc”影片剪輯的上一級(jí)時(shí)間軸，即主場(chǎng)景“_root”的時(shí)間軸。

　　所以，當(dāng)點(diǎn)擊按鈕時(shí)，控制的是主場(chǎng)景時(shí)間軸的等比例縮放。

　　路徑小結(jié)：

　　這個(gè)實(shí)例，主場(chǎng)景上的按鈕都是由外向內(nèi)通過絕對(duì)路徑的方式分別控制各個(gè)級(jí)別影片剪輯對(duì)象的屬性，而嵌套在影片剪輯內(nèi)部的按鈕則是由內(nèi)向外通過相對(duì)路徑的方式控制各級(jí)父級(jí)影片剪輯的屬性。

　　事實(shí)上，絕對(duì)路徑與相對(duì)路徑的區(qū)別是到達(dá)目標(biāo)對(duì)象的出發(fā)點(diǎn)不同，絕對(duì)路徑是以當(dāng)前主場(chǎng)景（即根時(shí)間軸）為出發(fā)點(diǎn)，以目標(biāo)對(duì)象為結(jié)束點(diǎn)；而相對(duì)路徑則是從發(fā)出指令的對(duì)象所在的時(shí)間軸為出發(fā)點(diǎn)，以目標(biāo)對(duì)象為結(jié)束點(diǎn)。

　　理解了路徑的概念，我們就可以靈活的運(yùn)用了。比如上面實(shí)例中的所有按鈕，其實(shí)都可以分別運(yùn)用絕對(duì)路徑和相對(duì)路徑的方式來實(shí)現(xiàn)相同的控制效果。