FlashAS3.0第一講.ppt

第一講,Flash ActionScript 3.0 語(yǔ)法基礎(chǔ),二維動(dòng)畫(huà)設(shè)計(jì),概念釋義,舞臺(tái)（Stage） 用來(lái)顯示Flash元素的平臺(tái) 主時(shí)間軸（MainTimeLine） 用于控制Flash元素的顯示,二維動(dòng)畫(huà)設(shè)計(jì),概念釋義,顯示對(duì)象（Display Object） Flash中所有可視元素，包括圖形、按鈕、補(bǔ)間 動(dòng)畫(huà)、文本等。 容器（Container）,二維動(dòng)畫(huà)設(shè)計(jì),概念釋義,舞臺(tái)與主時(shí)間軸的包含關(guān)系,舞臺(tái),主時(shí)間軸,其他元素,代碼編寫(xiě)位置及方式,直接放在主時(shí)間軸的幀中 使用類(lèi),二維動(dòng)畫(huà)設(shè)計(jì),AS3.0 語(yǔ)法基礎(chǔ)數(shù)據(jù)類(lèi)型,基本數(shù)據(jù)類(lèi)型,復(fù)雜數(shù)據(jù)類(lèi)型,二維動(dòng)畫(huà)設(shè)計(jì),AS3.0語(yǔ)言基本元素,2、變量的聲明和使用 變量必須先聲明再使用 聲明變量的語(yǔ)法,變量命名規(guī)則 盡量使用有含義的英文單詞作為變量名 變量名采用駱駝式命名法 盡量避免變量名中出現(xiàn)數(shù)字編號(hào),var 變量名：數(shù)據(jù)類(lèi)型； var 變量名：數(shù)據(jù)類(lèi)型 = 值,如果要賦值，值的數(shù)據(jù)類(lèi)型必須和變量的數(shù)據(jù)類(lèi)型一致,i i=3 var j = “String Value”,var i:int i=100 var k:int = 100,i:int=200 var j:String = “String Value”,二維動(dòng)畫(huà)設(shè)計(jì),AS3.0語(yǔ)言基本元素,3、使用const聲明常量 AS3中新增的關(guān)鍵字 語(yǔ)法,const foo:int = 100,二維動(dòng)畫(huà)設(shè)計(jì),AS3.0語(yǔ)言基本元素,數(shù)字：int,uint,Number int:有符號(hào)的32位整數(shù)型，數(shù)值范圍：-231+(231-1) uint:沒(méi)有符號(hào)的32位整數(shù)型，數(shù)值范圍：0 232-1 Number：64位浮點(diǎn)值，數(shù)值范圍1.79769313486231e+308 4.960656458412467e-324,使用int,uint,Number應(yīng)當(dāng)注意的事項(xiàng)： 能用整數(shù)值時(shí)優(yōu)先使用int和uint 整數(shù)值有正負(fù)之分時(shí)，使用int 只處理正整數(shù)，優(yōu)先使用uint 處理和顏色相關(guān)的數(shù)值時(shí)，使用uint 碰到或可能碰到小數(shù)點(diǎn)時(shí)使用Number 整數(shù)數(shù)值運(yùn)算涉及到除法，建議使用浮點(diǎn)值,二維動(dòng)畫(huà)設(shè)計(jì),AS3.0語(yǔ)言基本元素字符串,字符串：String 如何聲明字符串？,var stringSample1:String; var stringSample2:String=“”; var stringSample3:String=new String() var stringSample4:String=“abc” var stringSample5:String=new String(“abc”) var stringSample6:String=abc,var stringLength:Number=stringSample.length;,如何知道字符串的長(zhǎng)度？,二維動(dòng)畫(huà)設(shè)計(jì),AS3.0 復(fù)雜數(shù)據(jù)類(lèi)型數(shù)組,數(shù)組：Array 數(shù)組最多容納232-1個(gè)元素 默認(rèn)值為空值：null 數(shù)組的聲明方式,數(shù)組元素的訪問(wèn),var a:Array= var b:Array=new Array() var c:Array=1,2,3,4 var d:Array=new Array(1,2,3,4),根據(jù)元素的位置，使用數(shù)組運(yùn)算符：數(shù)組名下標(biāo) d0,d1,容易犯的錯(cuò)誤： var arr:Array arr0=*,二維動(dòng)畫(huà)設(shè)計(jì),AS3.0 復(fù)雜數(shù)據(jù)類(lèi)型數(shù)組,在數(shù)組中，可以保存多個(gè)任意類(lèi)型的數(shù)據(jù)。 var arr:Array=new Array() arr0=1; arr1=“abc”; arr2=true; arr3=new MovieClip(),二維動(dòng)畫(huà)設(shè)計(jì),數(shù)組常用函數(shù),插入數(shù)組元素3種方法： push()在數(shù)組末尾添加一個(gè)或多個(gè)元素 unshift()在數(shù)組開(kāi)頭插入一個(gè)或多個(gè)元素 splice()用于在數(shù)組指定索引處插入或刪除指定數(shù)目的元素（替換元素）,二維動(dòng)畫(huà)設(shè)計(jì),數(shù)組常用函數(shù),刪除數(shù)組元素3種方法： pop()從數(shù)組末尾刪除一個(gè)元素 unshift()從數(shù)組開(kāi)頭刪除一個(gè)元素 splice()用于在數(shù)組指定索引處插入或刪除指定數(shù)目的元素（替換元素）,二維動(dòng)畫(huà)設(shè)計(jì),AS3.0 復(fù)雜數(shù)據(jù)類(lèi)型對(duì)象,Object及關(guān)聯(lián)數(shù)組 Object的成員 聲明新Object方法,二維動(dòng)畫(huà)設(shè)計(jì),AS3.0 復(fù)雜數(shù)據(jù)類(lèi)型對(duì)象,Object類(lèi)是所有類(lèi)的父類(lèi)，可以接收任何類(lèi)型的數(shù)據(jù)， 同時(shí)也是動(dòng)態(tài)類(lèi)，可以向動(dòng)態(tài)類(lèi)的實(shí)例添加屬性。 var obj:Object=new Object(); obj=50; obj=; obj=x:0; obj.y=2 /動(dòng)態(tài)添加屬性,二維動(dòng)畫(huà)設(shè)計(jì),點(diǎn)語(yǔ)法,點(diǎn)運(yùn)算符“.”訪問(wèn)對(duì)象的屬性和方法。使用時(shí)，在對(duì)象名后加上點(diǎn)運(yùn)算符，再跟對(duì)象的屬性和方法, 對(duì)象名（實(shí)例名）.屬性（方法） /聲明一個(gè)Number數(shù)據(jù)類(lèi)型變量n，并賦予值10 var n:Number = 10; /輸出n的16進(jìn)制字符串表示形式 trace(n.toString(16); parseInt()函數(shù) 點(diǎn)語(yǔ)法還可以表示包的嵌套關(guān)系。,二維動(dòng)畫(huà)設(shè)計(jì),點(diǎn)語(yǔ)法,點(diǎn)語(yǔ)法可以用數(shù)組運(yùn)算符代替，訪問(wèn)實(shí)例的屬性和方 法也可以使用數(shù)組運(yùn)算符。訪問(wèn)規(guī)則：把屬性名或方法 作為字符串放在數(shù)組運(yùn)算符中。 有時(shí)點(diǎn)語(yǔ)法不能很好工作時(shí)，亦可用數(shù)組運(yùn)算符代替。,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3語(yǔ)言基本元素,運(yùn)算符、表達(dá)式及運(yùn)用 算數(shù)運(yùn)算符：+，-，*，/，%，求反 算數(shù)賦值運(yùn)算符：+=，-=，*=，/=，%= 關(guān)系運(yùn)算符（判斷相等關(guān)系）：=，!=，=，!= 關(guān)系運(yùn)算符（判斷大小關(guān)系）：=, 邏輯運(yùn)算符：&,|,! 三元if-else運(yùn)算符：?: typeof（用字符串形式返回對(duì)象的類(lèi)型） is（判斷一個(gè)對(duì)象是否屬于一種類(lèi)型，返回布爾值） as（如果一個(gè)對(duì)象屬于一種類(lèi)型，則返回這個(gè)對(duì)象，否則返回null） 優(yōu)先級(jí)順序：使用括號(hào)代替記憶,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3 流程控制,條件判斷 功能：當(dāng)程序執(zhí)行到“if”語(yǔ)句時(shí)，首先判斷參數(shù)“條件”中邏輯表達(dá)式的運(yùn)算結(jié)果，如果結(jié)果為“真”（true）則執(zhí)行當(dāng)前“if”語(yǔ)句內(nèi)的腳本語(yǔ)句，如果結(jié)果為“假”（false），則檢查當(dāng)前“if”語(yǔ)句中是否有“else”或者“else if”子句，如果有則繼續(xù)進(jìn)行判斷，如果沒(méi)有則跳過(guò)當(dāng)前“if”語(yǔ)句內(nèi)的所有程序代碼，繼續(xù)執(zhí)行下面的程序。,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3 流程控制,三種格式： 格式1：如果條件表達(dá)式為true（真），執(zhí)行流程語(yǔ)句；如果為假（false），不執(zhí)行流程語(yǔ)句 if(條件表達(dá)式) 流程 格式2：如果條件表達(dá)式為true（真），執(zhí)行流程a；如果為假（false），執(zhí)行流程b if(條件表達(dá)式) 流程a else 流程b ,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3 流程控制,var foo:int=10; var bar:int=5; if(foobar) trace(“Foo is winner!”) else trace(“Bar is winner!”) ,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3 流程控制,三種格式 格式3：if(條件表達(dá)式1) 流程1； /如果條件表達(dá)式1成立則執(zhí)行流程1 else if(條件表達(dá)式2) 流程2； /如果條件表達(dá)式2成立則執(zhí)行流程2 else if(條件表達(dá)式3) 流程3; /如果條件表達(dá)式3成立則執(zhí)行流程3 else if /else if語(yǔ)句可以一直寫(xiě)下去，用以判斷多種情況。,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3 流程控制,var foo:int = 500; if(foo 0) trace(“foo 是一個(gè)正整數(shù)”) else if(foo 100) trace(“foo 是一個(gè)大于100的正整數(shù)”) else trace(“foo 小于0”) ,輸出：,foo 是一個(gè)正整數(shù),var foo:int = 500; if(foo 100) trace(“foo 是一個(gè)大于100的正整數(shù)”) else if(foo 0) trace(“foo 是一個(gè)正整數(shù)”) else trace(“foo 小于0”) ,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3 流程控制,范例：重復(fù)左右移動(dòng)的飛鳥(niǎo) X方向位置不斷改變 到達(dá)邊緣后反向 小鳥(niǎo)影片剪輯添加監(jiān)聽(tīng)事件,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3 流程控制,循環(huán) 語(yǔ)句： while,do-while,for, forin, for eachin,設(shè)計(jì)步驟： 確定循環(huán)內(nèi)容（循環(huán)體） 確定循環(huán)變量 循環(huán)三要素： 循環(huán)初始化 循環(huán)條件表達(dá)式 循環(huán)體中必須有改變循環(huán)變量值的語(yǔ)句,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3 流程控制,while循環(huán)控制語(yǔ)句 功能：當(dāng)滿(mǎn)足條件表達(dá)式的時(shí)候，再執(zhí)行循環(huán)體。 while(循環(huán)條件) 循環(huán)體; ,do 循環(huán)體； while(循環(huán)條件) 不管“條件”成立與否、循環(huán)與否，循環(huán)體至少都要執(zhí)行1次。,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3 流程控制,范例（while）： 在舞臺(tái)復(fù)制出10個(gè)小鳥(niǎo)，而且水平位置、垂直位置、水平縮放比例、垂直縮放比例和透明度都是隨機(jī)變化的。 范例（dowhile）: 根據(jù)用戶(hù)指定的數(shù)量加入對(duì)象,隨機(jī)數(shù)的使用,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3 流程控制,循環(huán)語(yǔ)句 For循環(huán)控制語(yǔ)句 功能：讓指定程序代碼塊執(zhí)行一定次數(shù)的循環(huán)。 格式： for (初始化；循環(huán)條件；步進(jìn)) 循環(huán)體; ,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3 流程控制,范例：復(fù)制小鳥(niǎo) 范例：數(shù)的累加,var sum = 0; for (var i=1; i=100; i+) sum = sum + i; trace(sum),二維動(dòng)畫(huà)設(shè)計(jì),forin循環(huán)句,forin循環(huán)主要用于在對(duì)象或數(shù)組中循環(huán)訪問(wèn)屬性或數(shù)組對(duì)象。其語(yǔ)法結(jié)構(gòu)如下。 在執(zhí)行時(shí)，變量i將用于代表對(duì)象object中的每一個(gè)屬性，直到“遍歷”對(duì)象的全部屬性之后，循環(huán)才會(huì)結(jié)束。,二維動(dòng)畫(huà)設(shè)計(jì),forin循環(huán)句,上例輸出結(jié)果為：company name age?？梢钥吹娇梢酝ㄟ^(guò)循環(huán)訪問(wèn)預(yù)先定義的對(duì)象obj的每個(gè)屬性。其屬性值則可以使用obji來(lái)獲得。 上述代碼的輸出結(jié)果為： company:Adobe name:張三 age:25,二維動(dòng)畫(huà)設(shè)計(jì),for eachin循環(huán)句,與forin循環(huán)類(lèi)似，for eachin也是一種遍歷方式。不過(guò)forin遍歷的是屬性，而for eachin遍歷的是屬性值。例如，對(duì)象x=4,y=5包含2個(gè)屬性（x和y），forin遍歷的結(jié)果是x和y（屬性名稱(chēng)），而for eachin遍歷的結(jié)果則是4和5（屬性的值）。 for eachin循環(huán)句的語(yǔ)法如下。,二維動(dòng)畫(huà)設(shè)計(jì),for eachin循環(huán)句,對(duì)比可以發(fā)現(xiàn)，forin循環(huán)中使用的變量i定義為字符串類(lèi)型，這是因?yàn)閷傩悦Q(chēng)肯定是字符串；而在for eachin的遍歷過(guò)程中，由于屬性值不確定（可能是Number、Boolean、String或者更復(fù)雜的變量類(lèi)型），因此i的數(shù)據(jù)類(lèi)型也并不確定，使用“*”（星號(hào)）注明其類(lèi)型不確定。 上述代碼的輸出結(jié)果為：Adobe 張三 25 注意：與在forin例子中，使用obji訪問(wèn)的結(jié)果相同。,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3 流程控制,with語(yǔ)句 如果有一系列語(yǔ)句都作用于同一對(duì)象上，則可以使用with語(yǔ)句一次指定全部語(yǔ)句對(duì)該對(duì)象的參考 使用with語(yǔ)句可以提高程序的執(zhí)行速度，并且可以避免重復(fù)輸入對(duì)象名稱(chēng)的問(wèn)題。,with(mymc) alpha = 0.2 x= 200 y = 200 ,mymc.alpha=20 mymc.x = 200 mymc.y = 200,=,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3 流程控制,break和continue語(yǔ)句 都在循環(huán)體內(nèi)使用； Break用來(lái)直接跳出循環(huán)，不再執(zhí)行循環(huán)體內(nèi)后面的語(yǔ)句。 continue語(yǔ)句只是終止當(dāng)前這一輪的循環(huán)，直接跳到下一輪循環(huán)，而在這一輪循環(huán)中，循環(huán)體內(nèi)continue后面的語(yǔ)句也不會(huì)執(zhí)行。,for(var i:int=0;i5;i+) if(i=3)break; trace(“當(dāng)前數(shù)字：“+i); ,for(var i:int=0;i5;i+) if(i=3)continue; trace(“當(dāng)前數(shù)字：“+i); ,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3 流程控制,選擇分支判斷switch,switch(值或表達(dá)式) case 值或表達(dá)式1:語(yǔ)句1；break; case 值或表達(dá)式2:語(yǔ)句2；break; case 值或表達(dá)式3:語(yǔ)句3；break; defalt: 語(yǔ)句4； ,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3 流程控制,var fruits:Array=“apple“,“banana“,“grape“,“watermelon“,“mango“; var currentFruit:String=fruitsMath.floor(Math.random()*fruits.length); trace(“the fruit you selected is ：“+currentFruit); switch (currentFruit) case “apple“ : trace(“apple,apple,please pay for apple!“); break; case “mango“ : trace(“mango,mango,please pay for mango!“); break; default : trace(“0,you have a free chance to eat :“+currentFruit); ,switch (currentFruit) case “apple“ : trace(“o ,o , its an apple!“); case “mango“ : trace(“eat for free!“); break; case “banana“ : case “grape“ : trace(“please pay for it!“); break; default : trace(“o , I wont buy watermelon“);,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3中的函數(shù),函數(shù)：執(zhí)行特定任務(wù)并可以在程序中重用的代碼塊。 兩類(lèi)：方法；函數(shù)閉包 兩種定義方式：函數(shù)語(yǔ)句聲明法；函數(shù)表達(dá)式聲明法,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3中的函數(shù),參數(shù)： 按值傳入?yún)?shù)： 按引用來(lái)傳入?yún)?shù)： Action Script3中，所有的參數(shù)都是按引用傳入的。 基元數(shù)據(jù)類(lèi)型是不變對(duì)象，傳引用和傳值的效果一樣。,二維動(dòng)畫(huà)設(shè)計(jì),ActionScript 3中的函數(shù),范例：,function test(valuePara:int,referencePara:Array):vo