4) 選中 UI層，在工具箱選中文本工具，并在屬性檢查器中設置屬性Show Border Around Text為真、文本類型為Dynamic Text（動態文本）、文本為Multiline（多行），在Stage （舞臺）上半部分畫一個大的文本區域，把其實例名設為 txt。如圖三，現在注意到，txt文本域具有了邊框和白色背景，我個人不太喜歡白色，能不能改變文本域的背景色呢？

當然能，可以這么說，在Flash MX中，能夠看到的都有方法來改變，我們就把txt文本域的背景變成 #BBBBCC顏色吧，請在程序的 [Flash創作時對象的初始化]部分加入下面語句：

txt.backgroundColor = "0xbbbbcc";

通過 Control -> Test Movie 菜單（或 Ctrl + Enter快捷鍵）預覽，您會看到txt文本域的背景已經變成所期望的顏色。

5) 通過 Window -> Componets 菜單，打開Componets（組件）面板，選擇ScrollBar組件拖到舞臺上的txt文本域上，當釋放鼠標時，兩者會自動結合，如圖五。到屬性檢查器中，ScrollBar組件的Target TextField屬性為 txt ，同時給ScrollBar組件起一個唯一的實例名，如scrollbar ，由于當信息顯示滿一屏時，需要通過滾動條查看以往的信息，所以需要在程序一開始對scrollbar進行設置以激活它，在程序的 [Flash創作時對象的初始化]部分加入下面語句：

scrollbar.setScrollProperties(10, 10, 20);

6) 從工具箱中選擇文本工具，在屬性檢查器中設置屬性Show Border Around Text為真、文本類型為Input Text（輸入框文本）、文本為Single Line（單行），在Stage（舞臺）上txt文本區域的下面靠左畫兩個文本域，把其實例名分別設為txtHost和txtPort，如圖三：



另外，在屬性檢查器中，設置txtPort的Maximum Characters（最大長度）為5（因為端口數最大為65535），設置txtPort只能輸入數字，我們可以在屬性檢查器中的Character按鈕設置限制，我們這里用ActionScript在運行時設置(也可以在屬性檢查器中設置)，在程序的 [Flash創作時對象的初始化]部分加入下面語句：

txtPort.restrict = "0-9";
txtPort.onChanged = txtPort_onChanged;

并且設置txtHost的內容為 ”Default Host”， txtPort的內容為 ”6666”。同時， 由于用戶在txtPort中鍵入錯誤的端口數時，txtPort的背景將變成紅色（詳見前面輸入框 文本（Input Text）的介紹），當用戶再次鍵入時，背景顏色將變回原來的白色，這 txtPort的onChanged事件中得以實現。 7) 從Componets（組件）面板上，選擇兩個PushButton組件拖到舞臺上的txt文本域的下部靠右的位置，水平與前面兩個輸入框文本對起。

第一個PushButton按鈕的實例名設為 btnConnect ，Label（標簽）設為 Connect， Click Handler（單擊事件處理函數）設為btnConnect_onClick 。第一個PushButton按鈕 的實例名設為 btnClear ，Label（標簽）設為 Clear，單擊事件處理函數設為 btnClear_onClick ，如圖四：




通過完成以上的步驟，我們已經建立了Flash客戶端的用戶界面。現在我們來在程序的第二部分[Flash運行時對象的初始化]中，創建并初始化相應的對象：


myTextFormat = new TextFormat();

socket = new XMLSocket();
socket.onConnect = myOnConnect;
socket.onXML = myOnXML;
socket.onClose = myOnClose;

　　以上語句中，第一條語句生成一個TextFormat（文本樣式對象）實例myTextFormat，以達到以不同顏色顯示不同類型數據的目的（詳見前面動態文本（Dynamic Text）的介紹 ）。接著生成一個XMLSocket對象實例socket，并分別設置其onConnect、onXML、onClose事件的處理函數。

　　以下我們最后只剩下編寫各種對象的事件處理函數了，由于在本文的第二部分里，就有關的技術已經做了相當詳細的介紹，并且您可以同時參照本文附帶的程序源碼，為了節省篇幅，這部分將不再做進一步的介紹了，如果您在實際使用中，有問題您可以給我發 E_mail: [email protected]。

　　現在程序已經完成了，在您的Web服務器上啟動服務端模擬程序，然后通過瀏覽器連接到相應包含Flash客戶端的頁面，單擊Connect按鈕，如果沒有其他的意外，您就會看到客戶端正常地運行了。如果為了測試的方便，您可以在本地機啟動服務端模擬程序，然后通過單獨的Flash Player 6來打開，在txtHost中鍵入“127.0.0.1”，這樣您就省了架設Web服務器的麻煩。祝您順利！

　　點擊 下載源代碼