《Flash CS5工作過程導(dǎo)向標(biāo)準(zhǔn)教程》課件項(xiàng)目11

項(xiàng)目11制作一個(gè)數(shù)學(xué)課件11.1項(xiàng)目說明11.2項(xiàng)目分析11.3項(xiàng)目實(shí)施11.4知識(shí)延伸11.5項(xiàng)目實(shí)訓(xùn)

11.1項(xiàng)目說明

Flash是目前最流行的課件制作工具之一，由它制作的教學(xué)課件體積小、動(dòng)畫效果豐富、交互功能強(qiáng)大，可以大大提高教學(xué)內(nèi)容的表現(xiàn)力和感染力。該項(xiàng)目是為某初中數(shù)學(xué)老師制作的一個(gè)教學(xué)課件——“圓的認(rèn)識(shí)”，要求能夠幫助同學(xué)理解圓、圓心、半徑、直徑的概念。11.2項(xiàng)目分析

課件是為課堂教學(xué)服務(wù)的，一個(gè)優(yōu)秀的課件應(yīng)避免繁瑣，內(nèi)容力求準(zhǔn)確；交互控制不宜太復(fù)雜，以便于教學(xué)時(shí)操作方便；另外，課件界面也不容忽視，既要簡(jiǎn)潔又要賞心悅目，以激發(fā)學(xué)生的學(xué)習(xí)興趣。

11.3項(xiàng)目實(shí)施

課件的形式是多種多樣的，本項(xiàng)目比較簡(jiǎn)單，卻很有代表性，能夠很好地完成輔助教學(xué)。課件中既有動(dòng)畫演示，又有交互控制，這是課件中的兩大主要模塊，技術(shù)上需要由動(dòng)畫功能與AS腳本來實(shí)現(xiàn)。本項(xiàng)目的參考效果如圖11-1所示。

圖11-1動(dòng)畫參考效果任務(wù)一：課件界面的制作

圖11-2導(dǎo)入的圖片

圖11-3輸入的文字圖11-4【屬性】面板

圖11-5繪制的圓環(huán)圖11-6調(diào)整圓環(huán)的位置和大小圖11-7擦除擋住圓規(guī)的部分圖11-8第2幀處的擦除效果

圖11-9第3幀處的擦除效果圖11-10不同幀中的圖形效果圖11-11【時(shí)間軸】面板任務(wù)二：制作按鈕元件

圖11-12輸入的文字

圖11-13繪制的圖形圖11-14調(diào)整圖形和文字的顏色

圖11-15繪制的矩形圖11-16執(zhí)行【直接復(fù)制】命令圖11-17【直接復(fù)制元件】對(duì)話框圖11-18修改【彈起】和【指針經(jīng)過】幀中的文字圖11-19添加的按鈕任務(wù)三：制作“認(rèn)識(shí)圓形動(dòng)畫”

圖11-20繪制的圓形圖11-21設(shè)置第1幀中的圓形屬性圖11-22繪制的線段

圖11-23調(diào)整實(shí)例中心點(diǎn)的位置圖11-24第10幀中的“線”實(shí)例圖11-25【時(shí)間軸】面板圖11-26【屬性】面板圖11-27繪制的圓環(huán)圖11-28第26幀中的擦除效果圖11-29第27幀中的擦除效果圖11-30添加“認(rèn)識(shí)圓形動(dòng)畫”實(shí)例任務(wù)四：制作“圓心動(dòng)畫”

圖11-31繪制的圓形圖11-32繪制的半圓

圖11-33調(diào)整實(shí)例中心點(diǎn)的位置圖11-34垂直翻轉(zhuǎn)“半圓”實(shí)例

圖11-35繪制的1/4圓形圖11-36調(diào)整實(shí)例中心點(diǎn)的位置圖11-37水平翻轉(zhuǎn)“半半圓”實(shí)例圖11-38【時(shí)間軸】面板圖11-39【時(shí)間軸】面板圖11-40第65幀中的“半半圓”實(shí)例圖11-41第80幀中的“半半圓”實(shí)例圖11-42【時(shí)間軸】面板圖11-43繪制的圓形

圖11-44第80幀中實(shí)例的屬性圖11-45第91、93、95幀中實(shí)例的屬性圖11-46文字的屬性與位置圖11-47繪制的圓環(huán)

圖11-48繪制的圓形圖11-49添加“紅色小圓點(diǎn)”實(shí)例

圖11-50擦除后的運(yùn)動(dòng)引導(dǎo)線圖11-51第30幀中的實(shí)例中心點(diǎn)圖11-52第50幀中的實(shí)例中心點(diǎn)圖11-53輸入的文字圖11-54添加的“半徑動(dòng)畫”實(shí)例圖11-55添加的“直徑動(dòng)畫”實(shí)例任務(wù)六：添加AS腳本

圖11-56修改按鈕文字與顏色圖11-57添加“重放”按鈕圖11-58【屬性】面板

圖11-59【屬性】面板11.4知識(shí)延伸

知識(shí)點(diǎn)一：了解AS3.0

首先介紹一下AS的基本概念。

迄今為止，F(xiàn)lash腳本語言推出了三個(gè)版本。知識(shí)點(diǎn)二：AS3.0的基礎(chǔ)語法

1．點(diǎn)語法

在AS3.0中，點(diǎn)(.)語法被用來指明與某個(gè)對(duì)象相關(guān)的屬性和方法。以下面的類定義為例：

2．分號(hào)

AS語句用分號(hào)(;)結(jié)束，例如：

VarmyTest:String=“Hello”;

3．圓括號(hào)

在AS中，圓括號(hào)主要有以下三種用途。

(1)定義或者調(diào)用函數(shù)時(shí)，要把參數(shù)放在圓括號(hào)中。

(2)改變運(yùn)算的優(yōu)先級(jí)，就像我們學(xué)過的數(shù)學(xué)題一樣，例如：

Trace(4+8/2);//8

Trace((4+8)/2);//6

(3)計(jì)算表達(dá)式的值。

4．大小寫字母

AS3.0區(qū)分大小寫字母。例如下面的語句中的test與TEST代表兩個(gè)不同的變量：

vartest:Number;

varTEST:Number;

5．注釋

當(dāng)需要為AS語句添加說明文字的時(shí)候，可以使用注釋。添加注釋有助于理解，可以幫助自己或者小組其他成員正確地理解程序代碼。在AS3.0中，有兩種方式為語句添加注釋：

(1)以兩個(gè)斜線字符(//)開頭的單行注釋。

gotoAndPlay(8);//跳轉(zhuǎn)到第8幀并播放

functionR1play(event:MouseEvent):void//創(chuàng)建R1play函數(shù)

(2)以一個(gè)斜線和一個(gè)星號(hào)(?/*?)開頭，一個(gè)星號(hào)和一個(gè)斜線(?*/?)結(jié)尾的多行注釋。

例如：

/*id3test=newTestField();

Musiclist=newTestField();

Musiclist.width=200

Musiclist.height=200*/

6．關(guān)鍵字

AS3.0專門保留了一些單詞用于本語言中，稱為關(guān)鍵字，它們不能被作為自定義變量、函數(shù)的名字。例如，var、public、class、if、with、new等都屬于關(guān)鍵字。

7．常量

AS3.0中全部使用大寫字母表示常量，各個(gè)單詞之間用下劃線(_)分隔。例如，常量CLICK、DOUBLE_CLICK等。知識(shí)點(diǎn)三：變量、常量與函數(shù)

1.變量與常量

1)變量與常量的聲明

在AS3.0中，變量通常由以下三部分組成：變量名、存儲(chǔ)在該變量中的數(shù)據(jù)類型和該變量的值。

定義變量的過程非常簡(jiǎn)單，格式如下：

var變量名：數(shù)據(jù)類型；

除此之外，也可以在聲明變量的同時(shí)給變量賦值，即：

var變量名：數(shù)據(jù)類型=xxx；

2)變量與常量的命名規(guī)范

(1)變量名必須以字母打頭，并且只能由字母、數(shù)字和下劃線組成。

(2)變量的長(zhǎng)度限制在255個(gè)字符之內(nèi)。

(3)在有效的范圍內(nèi)，變量名必須是唯一的，否則會(huì)導(dǎo)致程序紊亂。

(4)不能使用AS3.0中的關(guān)鍵字作為變量名。

(5)變量的名稱要簡(jiǎn)單易懂，盡量避免難讀懂的縮寫，不便于交流。

3)局部變量與全局變量

在AS3.0中，有局部變量和全局變量之分。全局變量是指在整個(gè)Flash影片中都有效的變量；局部變量是指在它自己的作用域內(nèi)有效的變量。

全局變量在代碼的任何地方都可以訪問，所以在函數(shù)之外聲明的變量同樣可以訪問，如下面的代碼，函數(shù)Test()外聲明的變量i在函數(shù)體內(nèi)同樣可以訪問。

2.函數(shù)

1)調(diào)用函數(shù)

在AS3.0中，可以調(diào)用Flash支持的內(nèi)建函數(shù)，通常使用小括號(hào)()作為函數(shù)標(biāo)識(shí)符來調(diào)用，發(fā)送給函數(shù)的任何參數(shù)都寫在小括號(hào)()中。

如果要調(diào)用沒有參數(shù)的函數(shù)，則必須使用一對(duì)空的小括號(hào)()。例如，可以使用沒有參數(shù)的getTimer()來獲得初始化FlashPlayer后經(jīng)過的毫秒數(shù)：

Varduration:uint=getTimer();

2)用戶自定義函數(shù)

除了使用Flash已有的函數(shù)以外，用戶還可以自定義函數(shù)。例如，要重復(fù)繪制某種圖形，就可以通過多次調(diào)用繪圖函數(shù)來實(shí)現(xiàn)。用戶自定義的函數(shù)和Flash內(nèi)建函數(shù)的工作原理是一樣的。為了創(chuàng)建自己的函數(shù)，需要使用關(guān)鍵字“Function”，并在后面加上函數(shù)定義。函數(shù)的一般定義格式如下：

Function函數(shù)名(函數(shù)的參數(shù))：函數(shù)返回值的類型{

函數(shù)體(函數(shù)的內(nèi)容，所執(zhí)行的操作)

}

3)函數(shù)的命名規(guī)范

自定義函數(shù)的時(shí)候需要特別注意一個(gè)問題，即自定義函數(shù)不能與Flash內(nèi)建函數(shù)重名，否則，自定義函數(shù)將替代原有函數(shù)的功能。

除此之外，函數(shù)名稱應(yīng)該以動(dòng)詞開頭，因?yàn)楹瘮?shù)是一組具有特定功能的代碼段。例如，如果要自定義一個(gè)繪制三角形的函數(shù)，則可以命名為drawTriangle()。知識(shí)點(diǎn)四：AS3.0的數(shù)據(jù)類型

1.字符串

字符串(string)類型由可顯示的字符(字母、數(shù)字和標(biāo)點(diǎn)符號(hào))組成。用字符串?dāng)?shù)據(jù)類型聲明的變量，其默認(rèn)值是null。編輯代碼時(shí)，字符串要放在雙引號(hào)之間。例如：

myTest=“這是字符串”；

在實(shí)際操作中可以用“+”號(hào)來連接兩個(gè)字符串的內(nèi)容。

2．整型

整型(int)類型是一組介于-2147483648(-231)和2147483647(231-1)之間的32位整數(shù)，也包括這兩個(gè)數(shù)本身。對(duì)于整型數(shù)據(jù)，可以使用數(shù)字運(yùn)算符加、減、乘、除、求模、遞增和遞減等進(jìn)行處理。

3．?dāng)?shù)值型

數(shù)值型(Number)是一個(gè)雙精度浮點(diǎn)數(shù)，用來表示整數(shù)、無負(fù)號(hào)整數(shù)和浮點(diǎn)數(shù)。和整型一樣，也可以使用數(shù)字運(yùn)算符號(hào)加、減、乘、除、求模、遞增和遞減處理數(shù)值，也可以使用內(nèi)置的Math對(duì)象的方法處理數(shù)值。

4．無符號(hào)整型

無符號(hào)整型(unit)是一個(gè)32位整數(shù)數(shù)據(jù)類型，它包含一組介于0和4294967295(232-1)之間的整數(shù)(包含兩者)，unit數(shù)據(jù)類型變量的默認(rèn)值也是0。

5．布爾型

布爾型(boolean)只有兩個(gè)值：真(true)和假(false)，常被用于判斷語句中，已經(jīng)聲明但尚未初始化的布爾型變量，其默認(rèn)值為false。布爾型變量通常與邏輯運(yùn)算符一起使用進(jìn)行程序判斷，從而控制程序的流程。

6．空值和未定義數(shù)據(jù)類型

空值(null)表示該變量被賦予空值，此值意味著缺少數(shù)據(jù)。未定義數(shù)據(jù)類型(undefined)表示該變量未被賦予任何值。

7．Object數(shù)據(jù)類型

Object數(shù)據(jù)類型是由Object類定義的。Object類是AS中所有類的基類。Object類實(shí)例的默認(rèn)值是null。

8．無類型

當(dāng)用戶不知道鎖定的變量是什么類型的時(shí)候，AS3.0允許使用星號(hào)(*)來表示該數(shù)據(jù)類型未知。被定義為無類型的變量可以在程序中動(dòng)態(tài)賦予數(shù)據(jù)類型。知識(shí)點(diǎn)五：AS3.0中的運(yùn)算符

1．算術(shù)運(yùn)算符

算術(shù)運(yùn)算符用來幫助用戶執(zhí)行簡(jiǎn)單的數(shù)學(xué)運(yùn)算，有?+?(加)、-?(減)、*?(乘)、/?(除)、%?(求模)五個(gè)運(yùn)算符。

2．比較運(yùn)算符

比較運(yùn)算符按照自己的功能可以分為三種類型，分別是關(guān)系運(yùn)算符、相等運(yùn)算符和恒等運(yùn)算符。

3．邏輯運(yùn)算符

邏輯運(yùn)算符包括?&&?(邏輯“與”)、||?(邏輯“或”)、!?(邏輯“非”)三個(gè)邏輯運(yùn)算符。

此外，AS3.0還有位運(yùn)算符、賦值運(yùn)算符等多種運(yùn)算符，這部分內(nèi)容大家可以在幫助文件中查看。知識(shí)點(diǎn)六：AS3.0的控制結(jié)構(gòu)

1．條件判斷

1)?if語句

if語句的意思就是“如果…那么…”，即如果“條件表達(dá)式”成立，那么執(zhí)行“語句內(nèi)容”。if語句的語法格式為：

if…else條件語句是if條件語句的另一種標(biāo)準(zhǔn)格式，它的意思是“如果…那么…，否則…”。它的表達(dá)式為：

2)?switch語句

在switch語句中，當(dāng)指定表達(dá)式的值與某個(gè)標(biāo)簽匹配時(shí)，即執(zhí)行相應(yīng)的一個(gè)或者多個(gè)語句。語法格式如下：

2．循環(huán)語句

1)?for循環(huán)

for循環(huán)在每次循環(huán)重復(fù)之前都要測(cè)試條件，如果測(cè)試成功，則執(zhí)行循環(huán)體內(nèi)的代碼；如果測(cè)試不成功，則不執(zhí)行循環(huán)體內(nèi)的代碼。語法表達(dá)式為：

2)?for…in循環(huán)

該循環(huán)用來遍歷一個(gè)數(shù)組內(nèi)的所有對(duì)象，或者對(duì)象中的每一個(gè)屬性的名稱和值。語法格式如下：

3)?while和do…while循環(huán)

在該循環(huán)中，沒有像for那樣的計(jì)數(shù)器，因此只要滿足了特定的條件，就會(huì)執(zhí)行該循環(huán)。語法格式如下：

4)?break和continue

break用來中斷一個(gè)循環(huán)的執(zhí)行。如果是一個(gè)for或者for…in循環(huán)，在更新計(jì)數(shù)器變量的時(shí)候，可以使用continue語句停止當(dāng)前迭代而直接跳到下一次重復(fù)中。知識(shí)點(diǎn)七：【動(dòng)作】面板

AS3.0的程序代碼可以添加到時(shí)間軸中的關(guān)鍵幀上，也可以將代碼輸出到外部文件中。但是編寫代碼時(shí)，需要在【動(dòng)作】面板中編寫。圖11-60【動(dòng)作】面板圖11-61“助手”模式知識(shí)點(diǎn)八：鼠標(biāo)事件

AS3.0不允許將代碼寫在按鈕或影片剪輯元件上，必須寫在關(guān)鍵幀上，但是同樣需要觸發(fā)事件來控制某種行為。鼠標(biāo)事件是指通過鼠標(biāo)操作控制某種行為的事件，然后將它添加到觸發(fā)對(duì)象上。在【動(dòng)作】面板中，可以看到鼠標(biāo)事件比以前的版本多，如圖11-62所示。圖11-62鼠標(biāo)事件列表知識(shí)點(diǎn)九：控制影片回放

1.播放及停止播放影片

在Flash中可以使用play(?)和stop(?)動(dòng)作命令控制影片的播放與停止，它們通常與按鈕結(jié)合使用，控制影片剪輯與主時(shí)間軸的播放與停止。單擊按鈕播放動(dòng)畫的代碼如下：

2.快進(jìn)和后退

在制作電子相冊(cè)時(shí)，往往需要設(shè)置“下一頁”與“上一頁”導(dǎo)航按鈕，其功能的實(shí)現(xiàn)需要借