第二節(jié)：4D鼠標(biāo)

　　該實(shí)例實(shí)現(xiàn)的是，模仿4D鼠標(biāo)中鍵效果，當(dāng)單擊鼠標(biāo)中鍵時(shí)，拖動(dòng)鼠標(biāo)可以控制文本滾動(dòng)，最終效果如圖2.1所示，要實(shí)現(xiàn)這一效果，具體步驟如下：



圖2.1　模擬鼠標(biāo)中鍵效果

　　1.新建一影片，通過(guò)屬性面板設(shè)置其大小為400pxX300px(單位為象素)背景色為＃CCCCCC。

　　2.新建一圖開(kāi)元件“txt”,進(jìn)入其編輯狀態(tài)，將默認(rèn)圖層更名為“文本”，在工作區(qū)中輸入文本，可以任意輸入，不會(huì)影響效果。再新建一圖層“背景”，為“文本”制作一背景，使用矩形工具，并設(shè)置其填充色（本例為：99CCCC），效果如圖2.2所示：



圖2.2　制作“txt”元件

　　3.新建一影片剪輯“text to scroll”，將“txt”元件從庫(kù)中拖放到工作區(qū)中，選中時(shí)間軸窗口中的第125幀（如果希望滾動(dòng)快一些可以少建幾幀）插入一關(guān)鍵幀，將“txt”元件垂直向上移動(dòng)一段距離，選中第1幀，單擊鼠標(biāo)右鍵，創(chuàng)建補(bǔ)間動(dòng)畫(huà)，并在該幀輸入如下ActionScrip腳本：
stop();
//目的是有效控制文本的滾動(dòng)

　　4.新建一按鈕元件“drag on off”，該按鈕元件的制作非常簡(jiǎn)單，只需要在“彈起”幀中畫(huà)一無(wú)填充色的矩形，在“點(diǎn)擊”處畫(huà)一比“彈起”，幀矩形要大一些的矩形分別如圖2.3和2.4所示：



圖2.3矩形1



圖2.4矩形2

　　5.新建一影片剪輯“drag1”,在工作區(qū)中繪制如圖2.5所示的類(lèi)似鼠標(biāo)中鍵點(diǎn)擊后的效果，并在第1幀中添加“stop();”以控制影片剪輯的播放。



圖2.5　鼠標(biāo)中鍵

　　6.新建一影片剪輯“up dn graphics”，在工作區(qū)中繪制如圖2.6所示的“鼠標(biāo)”圖案，在時(shí)間軸第2幀處插入一關(guān)鍵幀。分另為第1和第2關(guān)鍵幀添加腳本“stop();”以控制影片的播放。



圖2.6繪制鼠標(biāo)

　　7.新建一影片剪輯“drag2”,其最終時(shí)間軸窗口如圖2.7所示：



圖2.7　“drag2”時(shí)間軸窗口

　　其詳細(xì)制作過(guò)程如下：

　　選中“black/arrow”圖層，在第2幀處插入一關(guān)鍵幀，從庫(kù)面板中將“up dn graphics”元件插入工作區(qū)中，取其實(shí)例名為“up”，以便為后面的程序控制。
選中“script”圖層分別為各幀添加如下代碼：
第1幀：

stop();
//控制影片剪輯的播放與否
第2幀：
centerY = getProperty("/load", _y);
arrowY = getProperty("/drag", _y);
if (Number(centerY) tellTarget ("/txt") {
nextFrame();
}
tellTarget ("ud") {
gotoAndStop(2);
}
}
centerY = getProperty("/load", _y);
arrowY = getProperty("/drag", _y);
if (Number(centerY)>Number(arrowY)) {
tellTarget ("/txt") {
prevFrame();
}
tellTarget ("ud") {
gotoAndStop(1);
}
}
第3幀：
gotoAndPlay(2);
//回到第幀，以使影片循環(huán)播放

　　8.返回主場(chǎng)景，將默認(rèn)圖層更名為：“txt”,將“text to scroll”從庫(kù)面板中拖放工作區(qū)中，創(chuàng)建一實(shí)例并為其命名為“txt”；新建一遮罩層“text/mask”，在工作工中繪制一矩形，其填充色為黑色，以控制文本顯示為，效果如圖2.8所示：



圖2.8　創(chuàng)建遮罩效果

　　9.新建“button”圖層，在第1幀處將制作好的按鈕元件“drag on off”拖放到工作區(qū)中，并調(diào)整其位置并在第2幀處插入一關(guān)鍵幀；新建一“l(fā)oad/mc”，在第1幀處將制作好的影片剪輯“drag1”,拖放到工作區(qū)中，創(chuàng)建實(shí)例“l(fā)oad”,同時(shí)為該關(guān)鍵幀添加如下ActionScript腳本：
　　 fscommand("allowscale", "false");
　　//” allowscale”指定 false，則設(shè)置播放器以始終按影片的原始大小繪制影片，從不進(jìn)行縮放。指定 true，則強(qiáng)制影片縮放到播放器的 100%。
stop();
//控制影片的播放

　　10.新建一圖層“drag/mc”，將制作好的影片剪輯“drag2”拖放到工作區(qū)中創(chuàng)建實(shí)例，取其實(shí)例名為“drag”。

　　11.這樣整個(gè)鼠標(biāo)中鍵模擬效果就制作完成，保存作品，按“ctrl Enter”預(yù)覽最終效果。