Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> Android

Cách hoạt động của Constraint Layout trong Android

Nói một cách đơn giản, Constraint Layout là phiên bản nâng cao của Relative Layout. Nó được dùng để giảm các tầng view con và cải thiện hiệu suất.

Các thuộc tính của Constraint Layout như hình dưới:

Cách hoạt động của Constraint Layout trong Android

Wrap Content – Bọc kích thước view theo dữ liệu. Cách hoạt động của Constraint Layout trong Android

Any Size – Rất giống với match parent. Cách hoạt động của Constraint Layout trong Android

Fixed Size – Cho phép chiều cao và rộng chuẩn (kích thước cố định). Cách hoạt động của Constraint Layout trong Android

Trong ví dụ trên, chúng ta đã hiển thị Button với tất cả các thuộc tính, bây giờ xem ở mức code như dưới:

<Button    android:layout_width="wrap_content"    android:layout_height="53dp"    android:layout_marginStart="8dp"    android:layout_marginTop="8dp"    android:layout_marginEnd="8dp"    android:layout_marginBottom="8dp"    android:text="Button"    app:layout_constraintBottom_toBottomOf="parent"    app:layout_constraintEnd_toEndOf="parent"    app:layout_constraintHorizontal_bias="0.391"    app:layout_constraintStart_toStartOf="@+id/data1"    app:layout_constraintTop_toTopOf="parent" />

Ở trên, chúng ta khai báo layout margin top, bottom, start và end. Đó là các khoảng cách tiêu chuẩn (Tương tự match parent).

Có hai loại bias trong Constraint Layout: horizontal và vertical. Không gian trọng lực theo chiều ngang và chiều dọc.

Khi click vào view, nó hiển thị tất cả các tầng cấp liên kết với view đó.

Khi click vào view, bạn sẽ thấy biểu tượng "X" màu để xóa liên kết với view khác hoặc view cha.

Ví dụ này minh họa cách sử dụng Constraint Layout trong Android.

Bước 1

Tạo một dự án mới trong Android Studio, vào File → New Project và điền đầy đủ thông tin cần thiết để tạo dự án mới.

Bước 2

Thêm mã sau vào res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout  xmlns:android="https://schemas.android.com/apk/res/android"    xmlns:app="https://schemas.android.com/apk/res-auto"    xmlns:tools="https://schemas.android.com/tools"    android:layout_width="match_parent"    android:id="@+id/layout"    android:gravity="center"    android:layout_height="match_parent"    android:orientation="vertical">    <TextView       android:id="@+id/data"       android:layout_width="wrap_content"       android:gravity="center"       android:textSize="30sp"       android:text="www.tutorialspoint.com"       android:layout_height="wrap_content" />    <TextView       android:id="@+id/data1"       android:layout_width="wrap_content"       android:layout_height="wrap_content"       android:layout_marginStart="8dp"       android:layout_marginTop="80dp"       android:layout_marginEnd="8dp"       android:gravity="center"       android:text="www.tutorialspoint.com"       android:textSize="30sp"       app:layout_constraintEnd_toEndOf="parent"       app:layout_constraintStart_toStartOf="parent"       app:layout_constraintTop_toTopOf="parent" />    <Button       android:layout_width="wrap_content"       android:layout_height="53dp"       android:layout_marginStart="8dp"       android:layout_marginTop="8dp"       android:layout_marginEnd="8dp"       android:layout_marginBottom="8dp"       android:text="Button"       app:layout_constraintBottom_toBottomOf="parent"       app:layout_constraintEnd_toEndOf="parent"       app:layout_constraintHorizontal_bias="0.43"       app:layout_constraintStart_toStartOf="@+id/data1"       app:layout_constraintTop_toTopOf="parent" /> </android.support.constraint.ConstraintLayout>

Hãy thử chạy ứng dụng. Giả sử bạn đã kết nối thiết bị Android thực tế với máy tính. Để chạy ứng dụng từ Android Studio, mở một file activity của dự án và nhấn biểu tượng Run Cách hoạt động của Constraint Layout trong Android từ thanh công cụ. Chọn thiết bị di động của bạn làm tùy chọn và kiểm tra thiết bị sẽ hiển thị màn hình mặc định:

Cách hoạt động của Constraint Layout trong Android