第4章課件按鈕和菜單素材的設(shè)計與制作

1、21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社第4章 課件按鈕和菜單素材的設(shè)計與制作v知識重點v學習任務v內(nèi)容講解v思考與練習21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社知識重點1了解Flash按鈕元件構(gòu)成；2掌握Flash按鈕元件制作及按鈕動作添加過程；3了解應用Flash按鈕元件制作菜單過程；4學會應用Flash制作多媒體課件常用按鈕與菜單。21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社學習任務1制作Flash按鈕元件2添加按鈕動作3模仿學習多媒體課件按鈕和菜單素材制作實例21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社內(nèi)容講解v按鈕是F

2、lash動畫中非常重要的元件類型，也是多媒體課件中應用廣泛的一個構(gòu)件，一般在課件和動畫中起著控制動畫播放、提供導航與鏈接、實現(xiàn)場景與幀之間跳轉(zhuǎn)控制、實現(xiàn)交互等功能。21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社4.1 Flash按鈕元件4.1.1 認識Flash按鈕元件4.1.2 制作Flash按鈕21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社4.1.1 認識Flash按鈕元件 v按鈕的創(chuàng)建四種方法：v通過菜單新建v把場景或元件編輯區(qū)中現(xiàn)有非元件對象轉(zhuǎn)換為按鈕v其他元件類型轉(zhuǎn)換得到1.直接復制按鈕元件21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社v按鈕的構(gòu)成 由四個特殊的幀構(gòu)成 4

3、.1.1 認識Flash按鈕元件 21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社v按鈕的編輯v在場景或元件編輯區(qū)內(nèi)編輯v主要有三種編輯方式：v編輯v在當前位置編輯1.在新窗口編輯 4.1.1 認識Flash按鈕元件 21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社4.1.2 制作Flash按鈕 v按鈕制作可以通過繪制、導入對象轉(zhuǎn)換、現(xiàn)有按鈕元件修改等方式實施 v按鈕編輯區(qū)前3幀決定按鈕在相關(guān)操作下的顯示狀態(tài)，第4幀僅用于規(guī)定以按鈕形式激活的區(qū)域，熱區(qū)則關(guān)鍵在于第4幀“點擊”的區(qū)域 v按鈕按照其在場景中的應用，可分為顯形按鈕和隱形按鈕 21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社4.

4、1.2 制作Flash按鈕v顯形按鈕制作 v實質(zhì)：針對鼠標在按鈕上不同操作而需要顯示不同的形態(tài)，在不同的形態(tài)幀中繪制或?qū)虢M成按鈕的各種元素，形成動態(tài)按鈕元件。 21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社4.1.2 制作Flash按鈕v隱形按鈕制作 v實質(zhì)：主要是利用按鈕元件中的第4幀“點擊”幀所確定的鼠標動作響應區(qū)域（熱區(qū)）的“渲染影片后不可見”特性，通過該幀劃定鼠標響應的熱區(qū)，既能不因為按鈕的出現(xiàn)影響畫面布局，又能實現(xiàn)按鈕的功能，可以達到顯形按鈕所不能起到的作用。v拖入場景編輯時，會以半透明的淺綠色區(qū)域顯示其位置范圍，該半透明區(qū)域可以應用“任意變形工具”調(diào)整大小和旋轉(zhuǎn)一定角度，用“

5、選擇工具”可以調(diào)整其位置與需確定的熱區(qū)吻合。 21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社4.2 按鈕動作的添加v按鈕作為Flash控制動畫、實現(xiàn)交互的主要元件，其觸發(fā)按鈕程序的事件主要是鼠標對其的操作，而實現(xiàn)其接受事件觸發(fā)動作的程序就是ActionScript。21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社4.2 按鈕動作的添加v兩個ActionScript版本的文檔：vFlash文檔（ActionScript3.0）vFlash文檔（ActionScript2.0）v4.2.1 應用ActionScript 2.0為按鈕添加動作v4.2.2 應用ActionScript 3.0為

6、按鈕添加動作21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社4.2.1應用ActionScript 2.0為按鈕添加動作 vActionScript2.0可以直接在按鈕元件實例上添加動作。其動作腳本模式：on (事件名稱事件名稱) 接收事件后觸發(fā)動作執(zhí)行的程序（語句）接收事件后觸發(fā)動作執(zhí)行的程序（語句）21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社4.2.2應用ActionScript 3.0為按鈕添加動作 v對于事件的處理則通過addEventListenerv移除的時候則使用removeEventListenerv事件的處理由Event類來處理v按鈕動作不再直接添加在按鈕元件實例上，

7、而是添加到幀，通過事件偵聽器跟蹤鼠標行動對按鈕的操作事件，依靠偵聽器響應事件。 21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社v按鈕事件腳本模式如：按鈕實例名稱按鈕實例名稱. addEventListener(MouseEvent.鼠標事件類鼠標事件類別，事件別，事件); 在“按鈕實例名稱”這個按鈕上加一個偵聽鼠標點擊的“事件”函數(shù)function 事件名稱事件名稱(event:MouseEvent):void 當鼠標點擊時“事件名稱”函數(shù)執(zhí)行“動作命令”這個動作（命令）動作命令動作命令4.2.2應用ActionScript 3.0為按鈕添加動作 21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社4.3 多媒體課件按鈕和菜單制作實例 21世紀高等學校數(shù)字媒體專業(yè)規(guī)劃教材清華大學出版社思考與練習 1應用工具箱中的繪