一、涉及特性

　　這個(gè)實(shí)例主要涉及新增組件的應(yīng)用，以及對(duì)組件的編程。在2004中，組件分為Data、Media、UI三大類別。讓人驚喜的是在UI類別中差不多已經(jīng)包括了制作WEB應(yīng)用所需要的所有組件，以后用Flash制作網(wǎng)頁再也不麻煩了。而且通過編程可以對(duì)組件進(jìn)行靈活、全面的控制。

　　二、制作過程

　　1. 按“Ctrl F8”新建一個(gè)Symbol，類型為“Movie Clip”，命名為“display”。將一個(gè)“Label”組件拖到此Symbol的場(chǎng)景中，命名為“l(fā)abel”。將此Symbol拖到場(chǎng)景中，命名為“display”。

　　2. 將一個(gè)“List”組件拖到場(chǎng)景中，命名為“colorList”，在“l(fā)abel”屬性中增加內(nèi)容“Green”、“Blue”、“Brown”、“Red”、“Orange”、“Purple”。

　　3. 將兩個(gè)“Text Input”組件拖到場(chǎng)景中，分別命名為“usernameInput” 和“passwordInput”，并設(shè)置第二個(gè)的屬性中的“password”為true。

　　4. 將一個(gè)“Button”組件拖到場(chǎng)景中，命名為“submitButton”，設(shè)置“Label”屬性為“Submit”。

　　5. 將兩個(gè)“Radio Button”組件拖到場(chǎng)景中，分別命名為“radio_single”和“radio_multiple”，設(shè)置“Label”屬性為“Single Selection”和“Multiple Selection”。

　　6. 將四個(gè)“Label”組件拖到場(chǎng)景中，分別命名為“caption”、“username_label”、“password_label”、“select_label”。分別設(shè)置“Text”屬性為“Please enter your name”、“First Name:”、“Last Name:”、“Please choose an item:”。

　　7. 按“Ctrl F8”新建一個(gè)Symbol，類型為“Movie Clip”，命名為“arrow_mc”。在此Symbol的場(chǎng)景中繪制一個(gè)箭頭。將此Symbol拖到場(chǎng)景中，命名為“arrow_mc”。調(diào)整場(chǎng)景中的Symbol的布局如圖所示。

8. 在主場(chǎng)景的時(shí)間軸上增加一個(gè)層，命名為“Action”，在此層的Action面板上增加代碼如下： 　　

　　//注釋1

　　/* Copyright 2003 Macromedia, Inc. All rights reserved.

　　The following is Sample Code and is subject to all restrictions

　　on such code as contained in the End User License Agreement

　　accompanying this product.

　　*/

　　//注釋2

　　display.onEnterFrame = function () {

　　if (Selection.getFocus() != null) {

　　var mcfocus:MovieClip;

　　var mcloc:Object = {x:0, y:0};

　　// Get the object that's in focus

　　mcfocus = eval(Selection.getFocus());

　　// Set the label

　　this.label.text = mcfocus;

　　// Get the location of the object in global coordinates

　　mcloc = {x:mcfocus._x, y:mcfocus._y};

　　mcfocus._parent.localToGlobal(mcloc);

　　//注釋3

　　// Move the arrow to point to it

　　this._parent.arrow_mc._x = mcloc.x;

　　this._parent.arrow_mc._y = mcloc.y;

　　} else {

　　//注釋4

　　label.text = "There is no object in focus.";

　　this._parent.arrow_mc._x = 0;

　　this._parent.arrow_mc._y = 0;

　　}

　　}

　　//注釋5

　　function onClick (evt) {

　　if (evt.target.selectedRadio == radio_single) {

　　colorList.multipleSelection = false;

　　} else {

　　colorList.multipleSelection = true;

　　}

　　}

　　//注釋6

　　radioGroup.addEventListener("click", onClick);

　　radio_single.selected = true;

　　2004中的Action跟MX的Action有很大的區(qū)別，所以盡量具體的解釋�！　�

　　　注釋1：是版權(quán)信息，實(shí)例的來源是在Flash MX 2004的幫助文件中，所以保留這樣的版權(quán)信息。

　　　　注釋2：這個(gè)函數(shù)是根據(jù)鼠標(biāo)選定的組件來更改在Display中顯示的內(nèi)容。

　　　　注釋3：將箭頭移動(dòng)到鼠標(biāo)選定的組件四周。

　　　　注釋4：鼠標(biāo)沒有選定如何組件，將箭頭放在左上角。

　　　　注釋5：是Radio Button的偵聽函數(shù)，根據(jù)選定的Radio Button設(shè)置List組件中的屬性。

　　　　注釋6：為兩個(gè)Radio Button組件增加“click”的事件偵聽，偵聽函數(shù)為“OnClick”，并設(shè)置默認(rèn)選擇的Radio Button為單選。

　　三、實(shí)際用途

　　這個(gè)實(shí)例主要涉及的是UI組件和對(duì)組件的編程。UI組件的用途主要是在WEB方面，比如在用Flash制作網(wǎng)頁中的表單時(shí)，豐富的組件和靈活的控制會(huì)讓工作變得非常輕松。而且也提供了一個(gè)組件應(yīng)用的思路：不單單可以將常用的東西封裝成組件，也可以通過編程更靈活地控制組件。