Android SDK簡明教程：用戶交互

在這篇教程中，我們將對之前所添加的Button元素進行設置以實現對用戶點擊的檢測與響應。為了達成這一目標，我們需要在應用程序的主Activity類中略微涉及Java編程內容。如果大家在Java開發方面的經驗不太豐富也沒必要擔心，只要按步驟進行即可完成學習。我們將在本系列的下一篇文章中深入探討Java語法，從而保證大家了解初步Android開發任務中所必需的編程語言知識。

大家可以在Android當中以多種不同方式實現用戶交互。我們將學習兩種最為典型的處理方案，從而實現應用按鈕對用戶點擊的感應——兩種方案都會用到一點XML代碼以及Java實施流程。Android當中包含幾種不同的交互UI元素，足以感應來自用戶的各類輸入操作。輸入操作的處理方式必須與UI項相匹配，但整個過程仍然大體相同。我們將以一個按鈕為起點開始探索Android平台上的用戶交互，因為按鈕無疑是最簡單也最常用的界面元素。

1.用戶交互基礎

在進一步探討細節之前，我要首先為剛剛接觸應用程序開發工作的朋友們解釋幾項UI概念。為了實現應用交互，我們需要利用特定元素檢測用戶的交互操作。看過上一篇文章的朋友一定還記得，Android中存在View，而在今天的示例中具體是指Button。要實現交互，我們首先需要“監聽”用戶的操作。雖然Android主要運行在搭載觸控屏幕的移動設備上，但大家仍然可以在計算機上利用編程語言處理交互開發。舉例來說，在後面提到“點擊”的部分，我們指的是利用鼠標點擊或者用手指觸摸/點觸對應位置。

用戶與應用程序的交互方式是多種多樣的。他們可以點觸、劃動以及“長按”對應項目。當這些操作活動發生時，我們將其稱為一個“事件”。因此，我們需要通過設置讓應用程序監聽特定UI項目上是否發生了特定事件。在今天的示例中，我們需要監聽針對Button的點擊（或者點觸/觸摸）操作。

我們需要監聽並響應這類用戶事件。要做到這一點，我們將向Java Activity類中添加代碼以實現對按鈕點擊的監聽與響應。只要按鈕上出現點擊事件，這部分代碼就會開始執行。雖然其它類型的用戶交互會涉及不同的方法代碼以及多種多樣的事件類型，但其基本過程都是相通的。

2.識別UI元素

第一步

為了指明用戶交互具體指向哪個View，我們需要在應用程序當中識別出每個交互性View。在文章列舉的范例中，我們只討論一個View——但大家在今後實際進行應用開發時，可能會用到多種不同類型的交互性View。為了讓它們彼此之間有條不紊地運作，我們需要為每個View設置一個用於識別的獨特ID屬性，並將其應用於整個應用程序。首先在Eclipse中打開我們的主布局文件並切換到XML編輯標簽。接下來找到我們為Button元素添加的代碼，利用以下語法為其分配一個ID：

android:id="@+id/myButton"

我們需要為Android布局中所使用的每一個元素分配ID屬性，從而幫助自己順利識別每個View元素。請注意以上代碼中的“@+id”語法。這會提示Android工具在項目資源“R.java”文件中創建一個新ID，並為其指定一個在應用程序內獨一無二的文本字符串，也就是“myButton”。在應用中XML布局代碼的其余部分乃至其它XML與Java文件內，我們將使用這一名稱來指定Button View。而後保存當前布局文件。

第二步

打開應用程序中的主Activity文件。我們將向其中添加一點點Java代碼，但大家不用為自己令人捉急的Java水平而擔憂，只要理解其中與處理用戶交互相關的大致流程即可。如果各位朋友原先從未接觸過Java，請繼續關注我們的下一篇教程，到時候回頭再看就會發現現在的內容其實非常簡單。我們要在Activity類中創建一個變量來引用Button View。在類聲明開頭、起始內容之後：

public class MainActivity extends Activity {

添加變量聲明：

private Button theButton;

我們的聲明包含視覺特性（下一次再詳加說明）、變量類型以及變量名稱。Eclipse可能會在“Button”文本部分加注下劃線並提示“Button不能被解析為一個類型”。由於我們使用的是由Android平台所提供的Button類型，所以必須將其導入至類文件當中。將鼠標懸停在“Button”文本上方，Eclipse將為我們顯示出一套建議列表。在其中選擇“Import‘Button’（android.widget）”。這樣類文件頂部就會出現一個可以自由展開與收起的導入聲明列表。

第三步

現在我們可以在布局當中取回指向Button View的引用，並將該引用保存在我們所創建的變量當中。在我的Activity onCreate方法中，緊接著以下代碼行進行布局設置：

setContentView(R.layout.activity_main);

如下所示輸入一行新代碼以取回Button：

theButton = (Button)findViewById();

在“findViewById（）”的括號中輸入“R.”——Eclipse會為我們提供資源類型提示列表。在其中選擇“id”。

輸入另一個句號“.”——Eclipse會顯示現有ID值列表。目前我們只添加了一個ID值，選擇我們為Button設置的ID名稱——也就是“myButton”。

大家會定期利用這種方法在Java代碼當中實現資源引用。現在我們應該擁有以下代碼行：

theButton = (Button)findViewById(R.id.myButton)

這條聲明將Button View引用分配到了我們剛剛創建的新變量當中，旨在利用其ID實現View識別。

3.監聽事件

第一步

在我們要求時，Android系統只會在View上檢測事件。因此我們需要為View分配一個監聽器。分配監聽器也有幾種不同的途徑，不過我們還是先從最簡便的入手：由Activity類自身進行點擊的監聽與響應。在類的開頭按以下內容對聲明行進行擴展：

public class MainActivity extends Activity implements OnClickListener {

與前面提到的情況一樣，Eclipse這次又會對“OnClickListener”類型提出警告。老辦法，鼠標懸停在錯誤內容上方並根據需求進行導入——選擇“Import‘OnClickListener’（android.view.View）”。在這裡，大家可以看到Eclipse如何幫助我們管理項目中的各組成部分。現在它又顯示出另一條錯誤信息，提示我們需要實施一種方法。先不管它，這個問題放到後面解決。

代碼中“implements OnClickListener”部分是指該Activity類將采用一套特定接口。下一次我們會更深入地探討其具體細節——它從本質上意味著該類將提供一類特殊功能，在我們的例子中該功能允許大家處理點擊操作。

第二步

回到Activity onCreate方法。在我們通過ID將Button View引用分配給變量的代碼行下面，添加新的代碼行：

theButton.setOnClickListener(this);

這一行命令應用程序監聽Button上的點擊操作。括號中的“this”指定處理點擊操作的對象。在本文的示例中，該對象指代Activity類運行實例本身。

4.響應事件

第一步

現在我們已經能夠響應按鈕點擊了。在類onCreate方法的最後加入右括號：

theButton.setOnClickListener(this);

添加以下方法概要：

public void onClick(View v){ 
        //respond to click 
}

再次進行導入流程，在“View”上方懸停並選擇“Import‘View’（android.view）”。由於我們已經命令該類監控按鈕上的點擊，因此當點擊操作發生時，方法就將開始執行（其內容，或者說“方法本體”，將被放置在兩個大括號之間）。其中的“View v”是該方法的一項參數，代表該方法將作為指向被點擊View的引用處理，這樣我們就能對其進行識別。

第二步

在onClick方法當中，我們首先需要檢查被點擊的是哪個View。我們只設置了一種點擊監聽機制，但應用程序之後可能需要處理多種View點擊。在方法本體當中，檢查已經通過的View參數是否就是我們引用到變量當中的按鈕：

if(v.getId()==theButton.getId()){ 
    //the button was clicked 
}

這是一個條件語句（之後我們再來詳細討論其具體結構），用於檢查被點擊的View是否擁有與我們的變量相同的ID。如果這部分內容得到執行，我們就能斷定確實是經過設置的按鈕受到點擊。如果交互元素只有這一個，那麼測試過程似乎沒什麼必要；但大家可以想象當應用中的可點擊元素越來越多時，我們必然要在onClick執行時判斷被觸發的到底是哪一個。

第三步

在onClick中的if條件部分，我們可以對按鈕點擊操作做出響應。響應取決於該按鈕在實際應用中的作用，不過在此次示例中，我們只是為了演示整個過程。添加以下代碼：

theButton.setText("Ouch");

這裡我們只需簡單在按鈕被點擊後改變其上顯示的文本內容。現在大家的onClick方法應該如下所示：

public void onClick(View v){ 
    //respond to click 
    if(v.getId()==theButton.getId()){ 
        //the button was clicked 
        theButton.setText("Ouch"); 
    } 
}

下圖為我們在虛擬設備上點擊該按鈕後的效果。以後我們將討論如何讓應用程序運行在物理及虛擬設備之上，但現在大家只需觀察響應結果即可。

5. 替代方案與選項

第一步

我們已經演示了一種在Android上處理按鈕點擊的方法，但方法絕不止這一種。值得關注的另一種替代方案是將下列屬於添加到XML布局中的Button內：

android:onClick="buttonClicked"

上述代碼會在按鈕被點擊後指定需要執行的方法名稱。對應方法應該被添加到顯示在布局中的Activity類當中。這樣一來，我們就不必向Activity類中加入大量代碼，包括創建Button變量、在其中保存View引用、實施OnClickListener或者為該按鈕設置一個專門的點擊監聽類。在本次示例中，我們可以通過添加以下代碼（使用同樣的代碼以實現一致的操作效果）來取代向類中添加onClick方法：

public void buttonClicked(View v){ 
   Button theButton = (Button)v; 
   theButton.setText("Ouch");

盡管這種方法看起來似乎更簡單，但它利用Java讓引用指向布局元素的過程值得認真關注——大家在今後的應用程序開發過程中會經常用到。另外，如果大家的布局當中包含多個可點擊項目，可能會更傾向於在同一個方法內處理所有點擊事件——在這種情況下，文章前面提到的方案會更為理想。

除了文章中提到的兩套方案，我們還可以通過其它多種途徑實現View上的點擊處理任務，但其它辦法要更復雜一些，不太適合作為新手教學來使用。

第二步

在這篇教程中，我們了解了如何利用最基本的方式處理Android系統中的按鈕點擊事件。該平台還針對不同View類型提供一系列其它用戶事件的處理能力，包括長按、按鍵以及觸摸等等。感興趣的朋友可以參閱Android開發者指南，從中了解自己在未來的項目開發工作中可能接觸到的各類事件處理任務。

總結

在這一部分當中，我們探討了如何遵循基本流程實現Android UI中對用戶點擊按鈕的響應。今天涉及到的內容與整套Android用戶交互機制相比只能算是九牛一毛，但大家應該能夠從這種通用型方法中領會主干、從而指導自己在未來的項目中拿出符合用戶輸入習慣的開發成果。在本系列的其它教程中，我們將了解Java語言中最為本質的主要特性，從而在Android開發的學習當中取得一個又一個輝煌的勝利。