User Interface Control trong Android

Input Control là các thành phần có tính tương tác trong giao diện UI của ứng dụng. Android cung cấp nhiều control đa dạng để bạn có thể sử dụng trong UI, như button, text field, seek bar, checkbox, zoom butto, toggle button, …

UI Element

Một View là một đối tượng mà vẽ cái gì đó trên màn hình mà người dùng có thể tương tác với. Một ViewGroup là một đối tượng mà giữ các đối tượng View (và ViewGroup) khác để định nghĩa Layout của giao diện UI.

Bạn định nghĩa Layout của bạn trong một XML file mà cung cấp một cấu trúc con người có thể đọc cho Layout đó, tương tự như HTML. Ví dụ, một Layout theo chiều dọc với một text view và một button sẽ 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"
      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>

Các UI Control trong Android

Android cung cấp một số UI Control cho phép bạn xây dựng đồ họa cho giao diện UI cho ứng dụng của bạn:

Tạo UI Control trong Android

Các điều khiển đầu vào là các thành phần tương tác trong giao diện UI của ứng dụng. Android cung cấp nhiều control đa dạng để bạn có thể sử dụng trong UI, như button, text field, seek bar, checkbox, zoom butto, toggle button, …

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ó mà sẽ nhận diện View một cách duy nhất bên trong cấu trúc cây. Cú pháp cho một ID, bên trong thẻ XML là: −

android:id="@+id/text_id"

Để tạo một UI Control/View/Widger, bạn sẽ phải định nghĩa một View/Widget trong layout file 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 đó, bạn tạo một sự thể hiện của đối tượng Control và nắm bắt nó từ layout, sử dụng: −

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

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Các bạn có thể mua thêm khóa học JAVA CORE ONLINE VÀ ỨNG DỤNG cực hay, giúp các bạn vượt qua các dự án trên trường và đi thực tập Java. Khóa học có giá chỉ 300K, nhằm ưu đãi, tạo điều kiện cho sinh viên cho thể mua khóa học.

Nội dung khóa học gồm 16 chuơng và 100 video cực hay, học trực tiếp tại https://www.udemy.com/tu-tin-di-lam-voi-kien-thuc-ve-java-core-toan-tap/ Bạn nào có nhu cầu mua, inbox trực tiếp a Tuyền, cựu sinh viên Bách Khoa K53, fb: https://www.facebook.com/tuyen.vietjack

Follow facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.