Tìm hiểu UI Layout Android

Trong android, Bố cục được sử dụng để xác định giao diện người dùng cho một ứng dụng hoặc hoạt động và nó sẽ chứa các phần tử giao diện người dùng sẽ xuất hiện cho người dùng.

UI Layout Android trong ứng dụng android được tạo với một bộ sưu tập các đối tượng View và ViewGroup. Nói chung, các ứng dụng android sẽ chứa một hoặc nhiều hoạt động và mỗi hoạt động là một màn hình của ứng dụng. Các hoạt động sẽ chứa nhiều thành phần giao diện người dùng và các thành phần giao diện người dùng đó là các thể hiện của các lớp con View và ViewGroup.

View là lớp cơ sở cho tất cả các thành phần UI trong android và nó được sử dụng để tạo các thành phần UI tương tác như TextView, EditText, Checkbox, Radio Button, v.v. và nó chịu trách nhiệm xử lý sự kiện và vẽ.

ViewGroup là một lớp con của View và nó sẽ hoạt động như một lớp cơ sở cho các bố cục và tham số bố cục. ViewGroup sẽ cung cấp một vùng chứa vô hình để chứa các View hoặc ViewGroup khác và để xác định các thuộc tính bố cục.

Để biết thêm về View và ViewGroup trong các ứng dụng android, hãy kiểm tra Android View và ViewGroup này.

Trong android, chúng ta có thể xác định bố cục theo hai cách, đó là

• Khai báo các phần tử giao diện người dùng trong XML
• Khởi tạo các phần tử bố cục trong thời gian chạy

Khung android sẽ cho phép chúng tôi sử dụng một trong hai hoặc cả hai phương pháp này để xác định giao diện người dùng của ứng dụng của chúng tôi.

Khai báo các phần tử giao diện người dùng trong XML

Trong android, chúng ta có thể tạo các bố cục giống như các trang web trong HTML bằng cách sử dụng các Chế độ xem và Nhóm xem mặc định trong tệp XML. Tệp bố cục chỉ được chứa một phần tử gốc, phần tử này phải là một đối tượng View hoặc ViewGroup. Khi chúng ta xác định phần tử gốc, sau đó chúng ta có thể thêm các đối tượng bố cục hoặc tiện ích con bổ sung làm phần tử con để xây dựng hệ thống phân cấp Chế độ xem xác định bố cục của chúng ta.

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:orientation="vertical"

    android:layout_width="match_parent"

    android:layout_height="match_parent">

    <TextView

        android:id="@+id/fstTxt"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Enter Name"

         />

    <EditText

        android:id="@+id/name"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:ems="10">

    </EditText>

    <Button

        android:id="@+id/getName"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Get Name" />

</LinearLayout>

Tải tệp bố cục XML từ một hoạt động

 Khi chúng ta đã hoàn tất việc tạo bố cục, chúng ta cần tải tài nguyên bố cục XML từ phương thức gọi lại hoạt động onCreate () của chúng ta như hình dưới đây

protected void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);

    setContentView(R.layout.activity_main); 

}

Nếu bạn quan sát đoạn mã trên, chúng ta đang gọi bố cục của mình bằng cách sử dụng phương thức setContentView ở dạng R.layout.layout_file_name. Ở đây tên tệp xml của chúng tôi là activity_main.xml vì vậy chúng tôi đã sử dụng tên tệp là activity_main.

Nói chung, trong quá trình khởi chạy hoạt động của chúng tôi, phương thức gọi lại onCreate () sẽ được gọi bởi khuôn khổ android để có được bố cục cần thiết cho một hoạt động.

Nguồn : Lập trình android