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

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

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

步驟2 引用組件

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

圖8-3-26 引用組件

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

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

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

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

步驟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實例中的文本是否和設置的密碼password一致

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

}

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

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

}

}

}

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

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

（13）窗口（Window）組件

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

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

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

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

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

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

u Title：指明窗口的標題。

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

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

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

圖8-3-27 窗口效果

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

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

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

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

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

圖8-3-29 定義鏈接標識符

步驟3 切換到主場景1，利用PopUpManager類的createPopUp函數(shù)創(chuàng)建一個窗口實例，并實現(xià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，在這個窗口實例中顯示鏈接標識符為textMC的影片剪輯

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

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

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

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

}

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

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