這個程序的制作步驟如下：

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

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

步驟2 引用組件

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

圖8-3-26 引用組件

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

先按照圖8-3-25所示設(shè)置兩個Label實例的text參數(shù)值。

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

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

步驟4 編寫程序

選擇時間軸第1幀，在【動作】面板中定義這一幀的動作腳本為：

textListener = new Object();//定義一個偵聽器對象

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

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

resultField.visible=true;//讓resultField實例在頁面上顯示出來

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

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

}

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

resultField.text="密碼不對，請重新輸入！";

}

}

}

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

按快捷鍵Ctrl Enter，測試效果吧！

（13）窗口（Window）組件

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

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

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

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

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

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

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

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

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

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

圖8-3-27 窗口效果

這個程序的具體制作步驟如下：

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

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

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

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

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

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

import mx.managers.PopUpManager//動作腳本類命名空間

import mx.containers.Window//引用要創(chuàng)建一個window類

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

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

windowListener = new Object();//定義一個偵聽器對象

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

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

}

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

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