Android - UI 控制元件

輸入控制元件是應用程式使用者介面中的互動式元件。Android 提供了各種可在 UI 中使用的控制元件，例如按鈕、文字欄位、尋求欄、複選框、縮放按鈕、切換按鈕等等。

UI 元素

一個View 是一個在螢幕上繪製某些內容的物件，使用者可以與之互動，而一個ViewGroup 是一個持有其他 View（和 ViewGroup）物件以定義使用者介面佈局的物件。

您在 XML 檔案中定義佈局，該檔案為佈局提供了一個類似於 HTML 的人類可讀結構。例如，一個簡單的垂直佈局，帶有一個文字檢視和一個按鈕，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical" >
   
   <TextView android:id="@+id/text"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="I am a TextView" />
   
   <Button android:id="@+id/button"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="I am a Button" />
</LinearLayout>

Android UI 控制元件

Android 提供了許多 UI 控制元件，允許您構建應用程式的圖形使用者介面。

序號	UI 控制元件及描述
1	TextView 此控制元件用於向用戶顯示文字。
2	EditText EditText 是 TextView 的預定義子類，它包含豐富的編輯功能。
3	AutoCompleteTextView AutoCompleteTextView 類似於 EditText 的檢視，不同之處在於它在使用者鍵入時自動顯示完成建議列表。
4	Button 一個按鈕，使用者可以按下或點選它來執行操作。
5	ImageButton ImageButton 是一個 AbsoluteLayout，它允許您指定其子元素的確切位置。它顯示一個帶有影像（而不是文字）的按鈕，使用者可以按下或點選它。
6	CheckBox 一個開/關開關，使用者可以切換。當向用戶呈現一組非互斥的可選擇選項時，應使用複選框。
7	ToggleButton 一個帶指示燈的開/關按鈕。
8	RadioButton RadioButton 有兩種狀態：選中或未選中。
9	RadioGroup RadioGroup 用於組合一個或多個 RadioButtons。
10	ProgressBar ProgressBar 檢視提供有關某些正在進行的任務的視覺反饋，例如在後臺執行任務時。
11	Spinner 一個下拉列表，允許使用者從一組值中選擇一個值。
12	TimePicker TimePicker 檢視允許使用者選擇一天中的時間，以 24 小時制或 AM/PM 制顯示。
13	DatePicker DatePicker 檢視允許使用者選擇一天中的日期。

建立 UI 控制元件

輸入控制元件是應用程式使用者介面中的互動式元件。Android 提供了各種可在 UI 中使用的控制元件，例如按鈕、文字欄位、尋求欄、複選框、縮放按鈕、切換按鈕等等。

如前一章所述，檢視物件可能分配有唯一的 ID，該 ID 將在樹中唯一地標識該檢視。XML 標籤內 ID 的語法為：

android:id="@+id/text_id"

要建立 UI 控制元件/檢視/小部件，您必須在佈局檔案中定義檢視/小部件併為其分配唯一的 ID，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent" 
   android:layout_height="fill_parent"
   android:orientation="vertical" >
   
   <TextView android:id="@+id/text_id"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="I am a TextView" />
</LinearLayout>

最後，建立 Control 物件的例項並從佈局中捕獲它，使用以下方法：

TextView myText = (TextView) findViewById(R.id.text_id);

列印頁面