第9課交互組件應(yīng)用本課要點(diǎn)具體要求本課導(dǎo)讀上機(jī)練習(xí)本課要點(diǎn)組件的基本概念應(yīng)用Flash8中的常用組件設(shè)置組件屬性組件檢查器具體要求了解組件的作用，以及Flash8中的組件類型。掌握Flash8中常用組件的應(yīng)用。掌握為組件設(shè)置屬性的基本方法。了解并掌握組件檢查器的基本應(yīng)用。本課導(dǎo)讀

在Flash8中，若要使動(dòng)畫(huà)具備某種特定的交互功能，除了為動(dòng)畫(huà)中的幀、按鈕或影片剪輯添加Action腳本這種方法外，還可利用Flash8中提供的各種組件來(lái)實(shí)現(xiàn)。用戶只需根據(jù)動(dòng)畫(huà)的實(shí)際情況，在場(chǎng)景中添加相應(yīng)類型的組件，并為組件添加適當(dāng)?shù)哪_本即可。9.1

Action腳本概述

組件是Flash8中重要的組成部分，在Flash8的交互應(yīng)用中，組件通常與Action腳本配合使用。通過(guò)對(duì)組件參數(shù)進(jìn)行設(shè)置，并將組件所獲取的信息傳遞給相應(yīng)的Action腳本，然后通過(guò)腳本執(zhí)行相應(yīng)的操作，從而實(shí)現(xiàn)最基本的交互功能。9.1

Action腳本概述

9.1.1

知識(shí)講解 9.1.2

典型案例——打開(kāi)【組件】面

板查看組件類型9.1.1知識(shí)講解

在Flash8中，用戶可根據(jù)需要，為動(dòng)畫(huà)添加相應(yīng)的組件，并通過(guò)Action腳本使其實(shí)現(xiàn)特定的交互效果。學(xué)好Action腳本和組件的基本應(yīng)用，是制作Flash交互動(dòng)畫(huà)的必要前提。在本節(jié)中，就將對(duì)組件的作用以及Flash8中組件的基本類型進(jìn)行講解。9.1.1知識(shí)講解

1.組件的作用 2.Flash中組件的類型1.組件的作用 Flash8中的組件，可以為制作者提供大部分的交互功能。利用不同類型的組件，可以制作出簡(jiǎn)單的用戶界面控件，也可以制作出包含多項(xiàng)功能的交互頁(yè)面。同時(shí)用戶還可根據(jù)需要，對(duì)組件的參數(shù)進(jìn)行自定義設(shè)置，從而修改組件的外觀和交互行為。2.Flash中組件的類型

在Flash8中，組件的類型包括：Data組件、FLVPlayback-Player8組件、FLVPlaybackCustomUI組件、Media-Player6-7組件和UserInterface組件（即UI組件）。9.1.2典型案例——打開(kāi)【組件】

面板查看組件類型案例目標(biāo)

本案例將打開(kāi)【組件】面板，然后查看【組件】面板中的各組件類型。通過(guò)練習(xí)，可掌握在Flash8中打開(kāi)【組件】面板并選擇相應(yīng)組件的基本操作。9.1.2典型案例——打開(kāi)【組件】

面板查看組件類型操作思路（1）選擇相關(guān)命令打開(kāi)【組件】面板。（2）在打開(kāi)的【組件】面板中打開(kāi)相應(yīng)的組件類別，并查看該類別下的組件。9.1.2典型案例——打開(kāi)【組件】

面板查看組件類型操作步驟

具體操作步驟請(qǐng)教師參照軟件和書(shū)中內(nèi)容進(jìn)行講解。9.1.2典型案例——打開(kāi)【組件】

面板查看組件類型案例小結(jié)

本案例通過(guò)簡(jiǎn)單的幾步操作，練習(xí)了在Flash8中打開(kāi)【組件】面板，并查看組件的基本方法。在練習(xí)時(shí)，除掌握基本的操作方法外，還應(yīng)盡量熟悉各組件類別下的組件名稱，以及各組件在該類別下的大致位置，為以后的實(shí)際應(yīng)用打下必要的基礎(chǔ)。9.2組件基本應(yīng)用

了解組件的作用、類型以及【組件】面板的相關(guān)操作后，在本節(jié)中，就將對(duì)Flash8中組件的基本應(yīng)用進(jìn)行講解。9.2組件基本應(yīng)用 9.2.1

知識(shí)講解 9.2.2

典型案例——利用組件

獲取用戶信息9.2.1知識(shí)講解

在Flash8中，組件的基本應(yīng)用主要包括添加組件以及設(shè)置組件屬性等兩個(gè)方面，在完成這兩步操作之后，只需為組件添加相應(yīng)的Action腳本即可實(shí)現(xiàn)基本的交互功能。9.2.1知識(shí)講解 1.Flash常用組件 2.添加組件的方法 3.設(shè)置組件屬性的方法 4.組件檢查器1.Flash常用組件

在Flash8的各組件類型中，F(xiàn)LVPlayback-Player8組件、FLVPlaybackCustomUI組件和Media-Player6-7組件用于對(duì)視頻播放進(jìn)行控制，Data組件用于加載和處理數(shù)據(jù)源的信息，UserInterface組件則用于設(shè)置用戶界面，并實(shí)現(xiàn)大部分的交互操作，因而在制作交互動(dòng)畫(huà)方面，UserInterface組件是應(yīng)用最廣，也是最常用的組件類別之一。2.添加組件的方法

下面以在動(dòng)畫(huà)場(chǎng)景中的ComboBox組件為例，對(duì)Flash8中添加組件的方法進(jìn)行講解。具體操作請(qǐng)教師參照軟件和書(shū)中內(nèi)容進(jìn)行講解。3.設(shè)置組件屬性的方法

在場(chǎng)景中添加組件后，還需要根據(jù)動(dòng)畫(huà)的實(shí)際情況對(duì)組件的屬性進(jìn)行設(shè)置。下面以ComboBox組件為例，對(duì)Flash8中設(shè)置組件屬性的方法進(jìn)行講解，具體操作請(qǐng)教師參照軟件和書(shū)中內(nèi)容進(jìn)行講解。4.組件檢查器

組件檢查器用于顯示和設(shè)置所選組件的參數(shù)和屬性等信息。在組件較多的情況下，使用組件檢查器，可以快速對(duì)組件的參數(shù)和屬性信息進(jìn)行檢查和修改，從而提高動(dòng)畫(huà)制作的效率。其具體操作請(qǐng)教師參照軟件和書(shū)中內(nèi)容進(jìn)行講解。9.2.2典型案例——利用組件獲取

用戶信息案例目標(biāo)

本例將利用本節(jié)所學(xué)的常用組件，制作一個(gè)具有信息收集功能的“利用組件獲取用戶信息.fla”動(dòng)畫(huà)。通過(guò)本例的練習(xí)，掌握Flash8中常用組件的應(yīng)用，以及結(jié)合Action腳本實(shí)現(xiàn)特定功能的基本思路和方法。源文件位置：【\第9課\源文件\利用組件獲取用戶信息.fla】9.2.2典型案例——利用組件獲取

用戶信息操作思路

（1）將圖層1重命名為“背景”圖層，輸入相應(yīng)文字信息，并創(chuàng)建動(dòng)態(tài)文本區(qū)域。

（2）新建“組件”圖層，添加ComboBox和RadioButton組件，并設(shè)置組件屬性。

（3）新建“按鈕腳本”圖層，添加Button組件，并為其添加相應(yīng)的Action腳本。9.2.2典型案例——利用組件獲取

用戶信息操作步驟

具體操作步驟請(qǐng)教師參照軟件和書(shū)中內(nèi)容進(jìn)行講解。9.2.2典型案例——利用組件獲取

用戶信息案例小結(jié)

本案例通過(guò)利用Button，RadioButton和ComboBox組件，并結(jié)合相應(yīng)的Action腳本，實(shí)現(xiàn)了對(duì)用戶輸入信息的獲取功能。在制作本例的過(guò)程中，除了掌握這幾種常用組件的基本應(yīng)用外，還應(yīng)了解Action腳本的大致含義，以及如何將所用組件與Action腳本相關(guān)聯(lián)的基本方法。除此之外，還可嘗試?yán)肧crollPane和CheckBox組件，替代本例中的動(dòng)態(tài)文本區(qū)域和RadioButton組件，以對(duì)其進(jìn)行有針對(duì)性的練習(xí)。9.3上機(jī)練習(xí)9.3.1

利用組件實(shí)現(xiàn)背景選擇9.3.2

利用組件制作IQ測(cè)試9.3.1利用組件實(shí)現(xiàn)背景選擇

本次練習(xí)結(jié)合本課所學(xué)的內(nèi)容，利用ComboBox組件配合Action腳本，制作一個(gè)可以通過(guò)下拉列表框選擇動(dòng)畫(huà)背景的“利用組件實(shí)現(xiàn)背景選擇.fla”動(dòng)畫(huà)。素材位置：【\第9課\素材】源文件位置：【\第9課\源文件\利用組件實(shí)現(xiàn)背景選擇.fla】9.3.1利用組件實(shí)現(xiàn)背景選擇操作思路文檔的場(chǎng)景尺寸為550×200像素，背景顏色為深灰色。將圖層1重命名為“背景”圖層，將導(dǎo)入的圖片素材分別放置到第2～7幀中，并為各幀添加“stop();”腳本。新建“組件”圖層，將ComboBox組件放置到場(chǎng)景，設(shè)置其屬性并添加適當(dāng)?shù)腁citon語(yǔ)句。9.3.2利用組件制作IQ測(cè)試

本次練習(xí)將運(yùn)用本課所學(xué)知識(shí)，利用Flash8中的RadioButton和Button組件，配合Action腳本，制作一個(gè)具有簡(jiǎn)單IQ測(cè)試功能的“利用組件制作IQ測(cè)試.fla”動(dòng)畫(huà)效果素材位置：【\第9課\素材】源文件位置：【\第9