第6章、編輯框EditText與按鈕Button（從零開始學Android）

標籤：android

在一個應用中，登入是經常使用的，下面我們學習一下如何開發一個登入視窗。我們需要學習Android中的基本控制項：(1)EditText編輯框、(2)Button按鈕。

 

一、設計登入視窗

　　開啟“res/layout/activity_main.xml”檔案。
 1、分別從工具列向activity拖出2個EditText（來自Text Fields）、1個按鈕（來自Form Widgets）。

2、開啟activity_main.xml檔案。
　　代碼自動產生如下：注意①和②雖同為EditText，但②要輸入密碼，故android:inputType="textPassword“。

 3、我們把以上代碼修改成如下代碼，具體為：editText1變為userName；eidtText2變為passWord；buttion1變為login。登入按鈕的文本：android:text="Button"變為"登入"。

4、介面如下：

　　現在運行程式，已經在手機上看起來很像一個登入視窗了。但是，我們單擊“登入”按鈕，卻沒有什麼反應。我們下面學習如何在“登入”按鈕上添加單擊事件。

 

二、單擊事件　

　　開啟“src/com.genwoxue.edittextbutton/MainActivity.java”檔案。
　　然後輸入以下代碼：

　　在以上代碼中，我們著重分析一下帶有淺藍色背景部分，其它是最簡單的基礎代碼，如果不明白，請參考上一章內容。

1、第①部分
　　匯入5個包。

2、第②部分
　　聲明三個控制項變數。

3、第③部分
　　這一部分findViewById()方法是一個關鍵，這個方法表示從R.java檔案中找到一個View（注意：我們可以把控制項和Acitivity都當成一個View）。例如，tvUserName=(EditText)super.findViewById(R.id.userName)表示我們從R檔案中找到userName代表的控制項最後返給tvUserName，下一步我們可以通過tvUserName.getText()方法進一步擷取到它的值。
　　另一個關鍵是就是給“登入”按鈕添加單擊監聽事件：btnLogin.setOnClickListener(newLoginOnClickListener())。

4、第④部分
　　我們建立一個類LoginOnClickListener繼承介面OnClickListener用以實現單擊事件監聽。
Toast.makeText(getApplicationContext(),info,Toast.LENGTH_SHORT).show()用以提示輸入的使用者名稱和密碼。
　　效果如下：

 

第6章、編輯框EditText與按鈕Button（從零開始學Android）