Android - Điều khiển giao diện người dùng

Tổng Quan : 

Học lập trình android Kiểm soát đầu vào là các thành phần tương tác trong giao diện người dùng của ứng dụng của bạn. Android cung cấp nhiều loại điều khiển bạn có thể sử dụng trong giao diện người dùng của mình, chẳng hạn như nút, trường văn bản, thanh tìm kiếm, hộp kiểm, nút thu phóng, nút bật tắt và nhiều thứ khác.

ảnh minh họa

THÀNH PHẦN GIAO DIỆN NGƯỜI DÙNG

Một Xem là một đối tượng mà rút ra một cái gì đó trên màn hình mà người dùng có thể tương tác với và ViewGroup là một đối tượng chứa View (và ViewGroup) các đối tượng khác để xác định bố cục của giao diện người dùng.

Bạn xác định bố cục của mình trong tệp XML cung cấp cấu trúc có thể đọc được cho bố cục, tương tự như HTML. Ví dụ: bố cục dọc đơn giản với chế độ xem văn bản và nút trông như thế này -

<?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>

Điều khiển giao diện người dùng Android

Có một số điều khiển giao diện người dùng do Android cung cấp cho phép bạn tạo giao diện người dùng đồ họa cho ứng dụng của mình.

Sr.No.	Kiểm soát & mô tả giao diện người dùng
1	TextView Điều khiển này được sử dụng để hiển thị văn bản cho người dùng.
2	Chỉnh sửa văn bản EditText là một lớp con được xác định trước của TextView bao gồm các khả năng chỉnh sửa phong phú.
3	AutoCompleteTextView AutoCompleteTextView là chế độ xem tương tự như EditText, ngoại trừ việc nó hiển thị danh sách các đề xuất hoàn thành tự động trong khi người dùng đang nhập.
4	Nút Nút ấn có thể được nhấn hoặc được người dùng nhấp để thực hiện một thao tác.
5	ImageButton Một ImageButton là một AbsoluteLayout cho phép bạn xác định vị trí chính xác của các con của nó. Thao tác này hiển thị nút có hình ảnh (thay vì văn bản) có thể được người dùng nhấn hoặc nhấp.
6	Hộp kiểm Công tắc bật / tắt có thể được người dùng chuyển đổi. Bạn nên sử dụng hộp kiểm khi trình bày cho người dùng một nhóm các tùy chọn có thể chọn mà không loại trừ lẫn nhau.
7	Nút bật tắt Nút bật / tắt có đèn báo.
số 8	Nút radio RadioButton có hai trạng thái: được chọn hoặc không được chọn.
9	RadioGroup Một RadioGroup được sử dụng để nhóm lại với nhau một hoặc nhiều RadioButton.
10	Thanh tiến trình Chế độ xem ProgressBar cung cấp phản hồi trực quan về một số tác vụ đang diễn ra, chẳng hạn như khi bạn đang thực hiện tác vụ trong nền.
11	Spinner Một danh sách thả xuống cho phép người dùng chọn một giá trị từ một tập hợp.
12	Bộ chọn thời gian Khung nhìn TimePicker cho phép người dùng chọn thời gian trong ngày, ở chế độ 24 giờ hoặc chế độ AM / PM.
13	Bảng chọn ngày Chế độ xem DatePicker cho phép người dùng chọn ngày trong ngày.

Tạo điều khiển giao diện người dùng

Kiểm soát đầu vào là các thành phần tương tác trong giao diện người dùng của ứng dụng của bạn. Android cung cấp nhiều loại điều khiển bạn có thể sử dụng trong giao diện người dùng của mình, chẳng hạn như nút, trường văn bản, thanh tìm kiếm, hộp kiểm, nút thu phóng, nút bật tắt và nhiều thứ khác.

Như đã giải thích trong chương trước, một đối tượng view có thể có một ID duy nhất được gán cho nó, nó sẽ xác định View duy nhất trong cây. Cú pháp cho một ID, bên trong một thẻ XML là -

android:id="@+id/text_id"

Để tạo một UI Control / View / Widget, bạn sẽ phải định nghĩa một view / widget trong file layout và gán cho nó một ID duy nhất như sau:

<?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>

Sau đó, cuối cùng tạo một thể hiện của đối tượng Control và capture nó từ layout, sử dụng như sau:

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