Học lập trình Android - Điều khiển giao diện người dùng

Điều khiển đầ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. 

Khóa học lập trình 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ư các nút, trường văn bản, thanh tìm kiếm, hộp kiểm, nút thu phóng, nút chuyển đổi và nhiều thứ khác.

Học lập trình Android

CÁC YẾU TỐ GIAO DIỆN NGƯỜI DÙNG

Khóa học lập trình Android 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

Khóa học lập trình Android Có một số điều khiển UI được cung cấp bởi Android cho phép bạn xây dựng giao diện người dùng đồ họa cho ứng dụng của mình.

Sr.Không.	Kiểm soát và mô tả giao diện người dùng
1	Xem văn bản Đ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ự 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 Người dùng có thể nhấn hoặc nhấp vào nút ấn để thực hiện hành động.
5	Nút hình ảnh ImageButton là một PerfectuteLayout cho phép bạn chỉ định vị trí chính xác của các con của nó. Điều này cho thấy một nút có hình ảnh (thay vì văn bản) mà người dùng có thể nhấn hoặc nhấp.
6	Hộp kiểm Một công tắc bật / tắt có thể được bật bởi người dùng. 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ể lựa chọn không loại trừ lẫn nhau.
7	Nút bật tắt Một nút bật / tắt với đèn báo.
số 8	Nút radio RadioButton có hai trạng thái: được kiểm tra hoặc không được kiểm tra.
9	Radiogroup Một nhóm Radio được sử dụng để nhóm lại một hoặc nhiều RadioButtons.
10	Thanh tiến trình Khung nhìn 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 một tác vụ trong nền.
11	Con quay Danh sách thả xuống cho phép người dùng chọn một giá trị từ một bộ.
12	Bộ chọn thời gian Chế độ xem 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 Giao diện DatePicker cho phép người dùng chọn một ngày trong ngày.

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

Điều khiển đầ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. 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ư các nút, trường văn bản, thanh tìm kiếm, hộp kiểm, nút thu phóng, nút chuyển đổi và nhiều thứ khác.

Khóa học lập trình Android như đã giải thích trong chương trước, một đối tượng khung nhìn có thể có một ID duy nhất được gán cho nó, nó sẽ xác định Chế độ xem duy nhất trong cây. Cú pháp cho một ID, bên trong thẻ XML là

android:id="@+id/text_id"

Để tạo UI Control / View / Widget, bạn sẽ phải xác định chế độ xem / widget trong tệp bố cục 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>

Khóa học lập trình Android Sau đó, cuối cùng tạo một thể hiện của đối tượng Control và chụp nó từ bố cục, sử dụng như sau

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