Android: RelativeLayout trong Android

RelativeLayout trong Android cho phép bạn xác định vị trí các view con trong mối quan hệ cân xứng với nhau. Vị trí của mỗi view có thể được xác định tùy theo các phần tử anh em hoặc tùy theo phần tử cha.

Relative Layout

Thuộc tính của RelativeLayout trong Android

Bảng dưới liệt kê một số thuộc tính riêng cho RelativeLayout:

Sử dụng RelativeLayout, bạn có thể căn chỉnh hai phần tử bằng đường viền phải, hoặc làm cho một phần tử ở dưới phần tử khác, đưa vào chính giữa màn hình, chính giữa trái, … Theo mặc định, tất cả view con được vẽ tại top-left của Layout, vì thế bạn phải định nghĩa vị trí của mỗi view bằng cách sử dụng các thuộc tính đa dạng có sẵn từ lớp RelativeLayout.LayoutParams. Dưới đây là một số thuộc tính quan trọng:

Ví dụ

Ví dụ sau sẽ minh họa cách sử dụng RelativeLayout.

Sau đây là nội dung của file res/layout/activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context=".MainActivity">

  <EditText
    android:id="@+id/editTextName"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:inputType="" android:autofillHints=""/>

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="543dp"
    android:layout_alignTop="@+id/editTextName"
    android:layout_marginTop="61dp"
    android:orientation="vertical">

    <Button
      android:id="@+id/btn1"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:text="@string/button1"/>

    <Button
      android:id="@+id/btn2"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:text="@string/button2"/>
  </LinearLayout>

</RelativeLayout>

Sau đây là nội dung của res/values/strings.xml:

<resources>
  <string name="app_name">RelativeLayoutV1Study</string>
  <string name="button1">Button1</string>
  <string name="button2">Button2</string>
</resources>

Chạy ứng dụng ở trên ta được kết quả như sau: