FLASH軟件編輯界面下舞臺(tái)上元件的坐標(biāo)和實(shí)際在actionscript(以下簡(jiǎn)稱(chēng)“AS”)中測(cè)試中不一樣是初學(xué)者經(jīng)常會(huì)碰到的問(wèn)題。大家不免產(chǎn)生疑惑，為什么FLASH的坐標(biāo)時(shí)而準(zhǔn)確，時(shí)而不準(zhǔn)確呢？其實(shí)這是大家不了解FLASH計(jì)算坐標(biāo)方式的緣故，其實(shí)FLASH中軟件操作界面的舞臺(tái)上計(jì)算坐標(biāo)和AS中計(jì)算坐標(biāo)的的基準(zhǔn)點(diǎn)并不一致。接下來(lái)我們先在試驗(yàn)中求證，然后再推算出FLASH坐標(biāo)的運(yùn)算方式。

首先我們?cè)趫?chǎng)景里畫(huà)一個(gè)圓形，然后F8轉(zhuǎn)化為影片剪輯，轉(zhuǎn)化時(shí)有一個(gè)小的細(xì)節(jié)需要注意一下(一些使用者都忽視了他)，在類(lèi)型選擇旁邊更有一個(gè)“注冊(cè)”選項(xiàng)，其實(shí)這里也是能夠選擇的，并不是個(gè)只供“查看”的屬性，我們能夠試一下，九個(gè)小方格都是能夠點(diǎn)擊的，我們選擇左上角的小方格建立一個(gè)MC。這個(gè)時(shí)候我們會(huì)發(fā)現(xiàn)我們建立的MC十字架在MC左上角，圓圈在元件中央，這里的十字架，我們稱(chēng)之為注冊(cè)點(diǎn)。也就是說(shuō)我們建立了一個(gè)MC，他的注冊(cè)點(diǎn)是左上角。(也能夠嘗試選擇不同的方格，結(jié)果證實(shí)選中的方格即代表注冊(cè)點(diǎn)的位置，當(dāng)然你也可以通過(guò)雙擊進(jìn)入元件內(nèi)部把元件把元件放在距離十字心更不規(guī)則的位置)。



讓我們?cè)賮?lái)觀察以下信息面板，你會(huì)發(fā)現(xiàn)它也有一個(gè)九宮格，但是只有中心和左上角可以選擇，其他點(diǎn)為灰色，這時(shí)候點(diǎn)擊九宮格的左上角的那個(gè)點(diǎn)。



然后給這個(gè)影片剪輯命名為a_mc，在屬性面板或者信息面板輸入他的坐標(biāo)是0,0。然后你會(huì)發(fā)現(xiàn)a_mc的位置處于舞臺(tái)的左上角。如圖所示：



然后我們打開(kāi)動(dòng)作面板，在面板中輸入如下代碼：
trace("a_mc._x="+a_mc._x);
trace("a_mc._y="+a_mc._y)
我們成功在輸出面板中得到了

a_mc._x=0
a_mc._y=0



軟件操作界面中的結(jié)果和AS運(yùn)算的結(jié)果是一樣的。
這時(shí)我們把信息面板中九宮格的中間的那個(gè)點(diǎn)點(diǎn)選上，你會(huì)發(fā)現(xiàn)中間選中的那個(gè)點(diǎn)變黑了，左上角的點(diǎn)又變成了白色，如圖所示：



這時(shí)候我們發(fā)現(xiàn)舞臺(tái)的坐標(biāo)立馬就變成了（x：43.5y：43.5），那么圓的寬和高都是87，它的坐標(biāo)正好等于圓的一半。由此可以看出如果我們把信息面板的九宮格選為中間的那個(gè)點(diǎn)的話(huà)，那軟件操作界面計(jì)算坐標(biāo)的基準(zhǔn)點(diǎn)我們可以暫時(shí)理解為元件的中心（不完全是，現(xiàn)在你先可以這么理解），
我們?cè)儆肅trl+Enter測(cè)試查看它在AS中的坐標(biāo)，發(fā)現(xiàn)得到的結(jié)果還是：
a_mc._x=0
a_mc._y=0





那么由此可見(jiàn)，F(xiàn)LASH軟件操作界面中的計(jì)算坐標(biāo)的方式和AS并不一樣，但是起碼來(lái)說(shuō)我們現(xiàn)在能找到一個(gè)共同點(diǎn)：也就是不管舞臺(tái)中信息面板中設(shè)置元件坐標(biāo)計(jì)算的基準(zhǔn)點(diǎn)是左上角還是元件的中心，AS計(jì)算坐標(biāo)的基準(zhǔn)點(diǎn)始終是元件的十字心。那讓他們的坐標(biāo)一樣用很簡(jiǎn)單的一個(gè)辦法就是把你建立的元件的注冊(cè)點(diǎn)都設(shè)置成左上角，然后再信息面板的九宮格也點(diǎn)選左上角，那么AS計(jì)算的十字注冊(cè)點(diǎn)和軟件操作界面計(jì)算的元件坐標(biāo)的基準(zhǔn)點(diǎn)為同一點(diǎn)，那么他們的結(jié)果就一樣。
我們重新把這個(gè)元件打散，然后摁F8轉(zhuǎn)換為元件，元件的十字注冊(cè)點(diǎn)設(shè)為中心，實(shí)例名稱(chēng)為a_mc,如圖所示：



然后在屬性面板中輸入元件的坐標(biāo)為（0,0），此時(shí)影片剪輯的位置如圖所示：



此時(shí)再測(cè)試影片得到
a_mc._x=0
a_mc._y=0



同理，如果你建立的影片剪輯的十字注冊(cè)點(diǎn)在元件的中心，那么信息面板的九宮格也點(diǎn)選中心點(diǎn)，那么AS計(jì)算的十字注冊(cè)點(diǎn)和軟件操作界面計(jì)算的元件的中心點(diǎn)為同一點(diǎn)，那么他們的結(jié)果就一樣。

但是我們的操作并非一成不變的，我們轉(zhuǎn)換元件的時(shí)候的注冊(cè)點(diǎn)放在左上角和中心點(diǎn)不可能滿(mǎn)足所有的情況。普通的Motion動(dòng)畫(huà)也許對(duì)注冊(cè)點(diǎn)不敏感，但如果是比較常用的引導(dǎo)線(xiàn)動(dòng)畫(huà)，那么元件會(huì)把自己的十字注冊(cè)點(diǎn)鎖在引導(dǎo)線(xiàn)上。AS中的_xscale _yscale的縮放軸心也是基于十字注冊(cè)點(diǎn)的，比如我們做FLASH播放器的時(shí)候波表效果就必須放在元件底部如圖所示。



諸如一些鐘擺的FLASH效果元件的十字注冊(cè)點(diǎn)還要放在更無(wú)規(guī)則的地方。那么此類(lèi)的物理效果對(duì)FLASH的坐標(biāo)就比較敏感了。好，讓我們接著進(jìn)行試驗(yàn)。
我們摁下Q鍵切換到自由變形工具，然后當(dāng)把我們把光標(biāo)移動(dòng)到a_mc的中心點(diǎn)的位置并拖動(dòng)中心點(diǎn)的小圓圈，我們發(fā)現(xiàn)當(dāng)我們的小圓圈改變位置的時(shí)候，軟件操作界面下的X,Y坐標(biāo)發(fā)生了變化：



而Ctrl+Enter測(cè)試AS，得到的結(jié)果還是：
a_mc._x=0
a_mc._y=0



此時(shí)我們發(fā)現(xiàn)如果信息面板的九宮格中間的那個(gè)點(diǎn)選中，軟件操作界面下的X，Y坐標(biāo)計(jì)算實(shí)際上是以元件的小圓圈為準(zhǔn)的，我們接著實(shí)驗(yàn)，
我們?cè)?span id="wppm3vysvbp" class="t_tag" onclick="tagshow(event)" href="tag.php?name=%BB%E6%D6%C6">繪制一個(gè)長(zhǎng)方矩形，然后摁F8轉(zhuǎn)化為元件，在對(duì)話(huà)框中設(shè)置注冊(cè)點(diǎn)為中間最下面的那個(gè)點(diǎn)



然后打開(kāi)信息面板，把信息面板的九宮格移到中間：



點(diǎn)擊Q變形工具把元件上的圓圈標(biāo)記移動(dòng)在十字心上如圖所示，



此時(shí)這個(gè)矩形在軟件的操作界面下的坐標(biāo)是：



把它的實(shí)例名稱(chēng)設(shè)置為b_mc,最后寫(xiě)下如下代碼：
trace("b_mc._x="+b_mc._x);
trace("b_mc._y="+b_mc._y)

然后測(cè)試，你會(huì)發(fā)現(xiàn)得到和輸出面板得到和屬性面板完全一樣的結(jié)果：
b_mc._x=145.5
b_mc._y=352



由此可以得出結(jié)論：
當(dāng)信息面板的九宮格上選擇中心那個(gè)點(diǎn)為基準(zhǔn)點(diǎn)，那么軟件操作界面下的X,Y坐標(biāo)顯示會(huì)以舞臺(tái)上元件的那個(gè)小圓球?yàn)闇?zhǔn)，而無(wú)論舞臺(tái)上信息面板中九宮格怎么設(shè)置，AS始終會(huì)以元件的十字注冊(cè)點(diǎn)為準(zhǔn)。普通情況下如果我們習(xí)慣吧元件的十字注冊(cè)點(diǎn)放在左上角，那么請(qǐng)你把信息面板的九宮格也點(diǎn)選為左上角。如果你習(xí)慣把元件放在十字注冊(cè)點(diǎn)的中心點(diǎn)，那么請(qǐng)你把信息面板的九宮格也點(diǎn)選為中心點(diǎn)。如果你是做波表，或者鐘擺等特殊效果需要元件的十字注冊(cè)點(diǎn)處在不規(guī)則的位置，那么你可以點(diǎn)擊Q用變形工具把元件上的圓圈標(biāo)記移動(dòng)在十字心上，信息面板的九宮格也點(diǎn)選為中心點(diǎn)。就能保證在任何情況下FLASH軟件操作界面下的坐標(biāo)和AS運(yùn)算的坐標(biāo)一樣。

最新評(píng)論