這個(gè)程序的制作步驟如下：

步驟1 創(chuàng)建影片文檔

新建一個(gè)影片文檔，舞臺(tái)大小設(shè)置為300×220，背景顏色設(shè)置為灰色。保存這個(gè)影片文檔，文件名為“TextInput組件應(yīng)用實(shí)例.fla”。

步驟2 引用組件

從【組件】面板拖放三個(gè)TextInput組件實(shí)例、兩個(gè)Label組件實(shí)例到舞臺(tái)上，調(diào)整它們的位置，效果如圖8-3-26所示。

圖8-3-26 引用組件

步驟3 定義組件實(shí)例屬性和參數(shù)

先按照?qǐng)D8-3-25所示設(shè)置兩個(gè)Label實(shí)例的text參數(shù)值。

然后，選擇第2個(gè)TextInput實(shí)例（標(biāo)簽文字為密碼的），在【屬性】面板定義這個(gè)實(shí)例的名字為：passwordField。設(shè)置【password】參數(shù)值為true，其他參數(shù)都取默認(rèn)值。

選擇最下邊哪個(gè)TextInput實(shí)例，在【屬性】面板定義這個(gè)實(shí)例的名字為：resultField。在【組件檢查器】面板中設(shè)置【visiable】參數(shù)值為false（這樣設(shè)置以后，這個(gè)實(shí)例剛開(kāi)始在畫(huà)面上不顯示，我們要在程序中用程序代碼控制它顯示），其他參數(shù)都取默認(rèn)值。

步驟4 編寫(xiě)程序

選擇時(shí)間軸第1幀，在【動(dòng)作】面板中定義這一幀的動(dòng)作腳本為：

textListener = new Object();//定義一個(gè)偵聽(tīng)器對(duì)象

textListener.handleEvent = function (evt){//定義偵聽(tīng)器對(duì)象的handleEvent事件函數(shù)

if (evt.type == "enter"){//判定偵聽(tīng)到的事件類型是不是按下Enter鍵

resultField.visible=true;//讓resultField實(shí)例在頁(yè)面上顯示出來(lái)

if(evt.target.text=="password"){//判定輸入到passwordField實(shí)例中的文本是否和設(shè)置的密碼password一致

resultField.text="用戶名和密碼正確！";//假如密碼輸入正確，就在resultField實(shí)例中顯示正確的反饋信息

}

else{//假如密碼輸入錯(cuò)誤，就在resultField實(shí)例中顯示錯(cuò)誤的反饋信息

resultField.text="密碼不對(duì)，請(qǐng)重新輸入！";

}

}

}

passwordField.addEventListener("enter", textListener);// 將passwordField實(shí)例注冊(cè)到textListener偵聽(tīng)器對(duì)象，一旦針對(duì)passwordField實(shí)例發(fā)生了按下Enter鍵的命令，那么就觸發(fā)textListener偵聽(tīng)器對(duì)象相應(yīng)的事件函數(shù)。

按快捷鍵Ctrl Enter，測(cè)試效果吧！

（13）窗口（Window）組件

無(wú)論何時(shí)你需要向用戶提供信息或最優(yōu)先的選擇時(shí)，你都可以在應(yīng)用程序中使用一個(gè)窗口。例如，程序中需要用戶填寫(xiě)登錄窗口或者發(fā)生了更改并需要確認(rèn)新密碼的窗口。

在應(yīng)用程序中創(chuàng)建窗口對(duì)象可以使用窗口（Window）組件。它可以在一個(gè)具有標(biāo)題欄、邊框和關(guān)閉按鈕（可選）的窗口內(nèi)顯示電影剪輯的內(nèi)容。Window組件支持拖動(dòng)操作，你可以單擊標(biāo)題欄并將窗口及其內(nèi)容拖動(dòng)到另一個(gè)位置。

Window組件可以是模式的，也可以是非模式的。模式窗口會(huì)防止鼠標(biāo)和鍵盤(pán)輸入轉(zhuǎn)至該窗口之外的其他組件。

將窗口添加到應(yīng)用程序的方法常用的有兩種：一種方法是將窗口組件直接從【組件】面板拖放到舞臺(tái)上；另一種方法是使用PopUpManager類來(lái)創(chuàng)建窗口，這種方法可以創(chuàng)建與舞臺(tái)上其他對(duì)象重疊的模式窗口。

在【屬性】面板中可以設(shè)置Window組件的參數(shù)有：

u contentPath：指定窗口的內(nèi)容。這可以是電影剪輯的鏈接標(biāo)識(shí)符，或者是屏幕、表單或包含窗口內(nèi)容的幻燈片的元件的名稱。它也可以是要加載到窗口的SWF或JPG文件的絕對(duì)或相對(duì)URL。默認(rèn)值為 ""。加載的內(nèi)容會(huì)被裁剪，以適合窗口大小。

u Title：指明窗口的標(biāo)題。

u CloseButton：指明是(true)否(false)顯示關(guān)閉按鈕。單擊關(guān)閉按鈕會(huì)廣播一個(gè)click 事件，但并不能關(guān)閉窗口。你必須編寫(xiě)調(diào)用 Window.deletePopUp() 的處理函數(shù)，才能實(shí)現(xiàn)關(guān)閉窗口。

直接從【組件】面板將window組件拖放到舞臺(tái)上來(lái)創(chuàng)建應(yīng)用程序中的窗口的方法比較簡(jiǎn)單，只要設(shè)置好相應(yīng)的組件參數(shù)即可。

下面我們用第二種方法，在應(yīng)用程序中創(chuàng)建一個(gè)窗口，并且實(shí)現(xiàn)窗口的關(guān)閉功能。這個(gè)程序的運(yùn)行情況如圖8-3-27所示。

圖8-3-27 窗口效果

這個(gè)程序的具體制作步驟如下：

步驟1 從【組件】面板拖放一個(gè)windows組件實(shí)例到場(chǎng)景上，然后刪除，這樣可以使【庫(kù)】面板中出現(xiàn)一個(gè)名字為“window”的編譯剪輯（SWC）。

步驟2 創(chuàng)建一個(gè)名字為textMC的影片剪輯元件，在這個(gè)元件的編輯場(chǎng)景中輸入幾行文字，類型為【靜態(tài)文本】，文字對(duì)象的坐標(biāo)為（0，0），如圖8-3-28所示。

圖8-3-28 textMC影片剪輯元件

在【庫(kù)】面板中，用鼠標(biāo)右鍵單擊textMC元件，選擇【鏈接】命令，彈出【鏈接】對(duì)話框，具體設(shè)置如圖8-3-29所示，設(shè)置完后，單擊【確定】。

圖8-3-29 定義鏈接標(biāo)識(shí)符

步驟3 切換到主場(chǎng)景1，利用PopUpManager類的createPopUp函數(shù)創(chuàng)建一個(gè)窗口實(shí)例，并實(shí)現(xiàn)關(guān)閉功能。選擇時(shí)間軸第1幀，在【動(dòng)作】面板中定義這一幀的動(dòng)作腳本為：

import mx.managers.PopUpManager//動(dòng)作腳本類命名空間

import mx.containers.Window//引用要?jiǎng)?chuàng)建一個(gè)window類

var myTW = PopUpManager.createPopUp(_root, Window, true, {closeButton:true, title: "我的窗口",contentPath:"textMC"});//利用PopUpManager類createPopUp函數(shù)創(chuàng)建一個(gè)窗口實(shí)例myTW，在這個(gè)窗口實(shí)例中顯示鏈接標(biāo)識(shí)符為textMC的影片剪輯

//以下是利用window類的click事件來(lái)實(shí)現(xiàn)單擊關(guān)閉窗口的功能

windowListener = new Object();//定義一個(gè)偵聽(tīng)器對(duì)象

windowListener.click = function(evt){//定義偵聽(tīng)器對(duì)象click事件函數(shù)

_root.myTW.deletePopUp();//刪除實(shí)例名字為myTW的窗口實(shí)例

}

myTW.addEventListener("click", windowListener);//將myTW窗口實(shí)例注冊(cè)到偵聽(tīng)器對(duì)象windowListener上，這樣，當(dāng)單擊myTW窗口上的關(guān)閉按扭時(shí)，調(diào)用偵聽(tīng)器對(duì)象click事件函數(shù)進(jìn)行處理。

設(shè)置完后，按快捷鍵Ctrl Enter，測(cè)試效果吧！