Layout là thành phần cốt lõi trong việc thiết kế giao diện người dùng (UI) cho ứng dụng Android. Layout đóng vai trò như khung xương, định vị và sắp xếp các widget (như TextView, Button, ImageView) trên màn hình. Hiểu rõ các loại layout phổ biến sẽ giúp bạn xây dựng giao diện đẹp mắt, hiệu quả và dễ sử dụng.
1. LinearLayout:
- Layout đơn giản nhất, sắp xếp các widget theo chiều ngang hoặc dọc.
- Thích hợp cho các layout đơn giản, danh sách, menu.
Ví dụ:
Các thuộc tính quan trọng của LinearLayout:
- android:orientation: Xác định hướng sắp xếp của các widget con, có thể là ngang (horizontal) hoặc dọc (vertical).
- android:layout_gravity: Xác định vị trí của widget con trong layout. Các giá trị phổ biến bao gồm:
- top: Căn chỉnh widget con lên trên.
- bottom: Căn chỉnh widget con xuống dưới.
- left: Căn chỉnh widget con sang trái.
- right: Căn chỉnh widget con sang phải.
- center: Căn chỉnh widget con ở giữa.
- android:layout_weight: Xác định tỷ lệ phân bổ không gian giữa các widget con. Ví dụ, nếu widget con A có layout_weight là 2 và widget con B có layout_weight là 1, thì A sẽ chiếm gấp đôi diện tích so với B.
- android:layout_margin: Xác định khoảng cách giữa widget con và các widget xung quanh.
2. RelativeLayout:
- Layout linh hoạt, cho phép sắp xếp widget dựa trên vị trí tương đối.
- Thích hợp cho các layout phức tạp, cần căn chỉnh chính xác.
Ví dụ:
Các thuộc tính quan trọng của RelativeLayout:
- android:id: Cung cấp một ID duy nhất cho widget con để tham chiếu trong layout.
- android:layout_toRightOf: Xác định widget con sẽ nằm bên phải widget con nào khác.
- android:layout_toLeftOf: Xác định widget con sẽ nằm bên trái widget con nào khác.
- android:layout_above: Xác định widget con sẽ nằm bên trên widget con nào khác.
- android:layout_below: Xác định widget con sẽ nằm bên dưới widget con nào khác.
- android:layout_alignParentTop: Căn chỉnh widget con với cạnh trên của layout cha.
- android:layout_alignParentBottom: Căn chỉnh widget con với cạnh dưới của layout cha.
- android:layout_centerInParent: Căn chỉnh widget con ở giữa layout cha.
- android:layout_margin: Xác định khoảng cách giữa widget con và các widget xung quanh.
3. FrameLayout:
- Layout đơn giản, chỉ cho phép một widget con duy nhất.
- Thích hợp cho các layout chứa nội dung thay đổi động.
Ví dụ:
Các thuộc tính quan trọng của FrameLayout:
- android:layout_gravity: Xác định vị trí của widget con trong layout. Các giá trị phổ biến bao gồm:
- top: Căn chỉnh widget con lên trên.
- bottom: Căn chỉnh widget con xuống dưới.
- left: Căn chỉnh widget con sang trái.
- right: Căn chỉnh widget con sang phải.
- center: Căn chỉnh widget con ở giữa.
- android:layout_margin: Xác định khoảng cách giữa widget con và các widget xung quanh.
4. GridLayout:
- Layout sắp xếp widget theo dạng lưới.
- Thích hợp cho các layout dạng bảng, danh sách ảnh.
Ví dụ:
Các thành phần chính của GridLayout:
- GridLayout: Layout cha chứa các widget con.
- Widget con: Các thành phần giao diện như TextView, Button, ImageView, v.v.
- Hàng và cột: Các đường kẻ chia layout thành các ô.
- Thuộc tính: Các thuộc tính để tùy chỉnh layout, như android:columnCount, android:rowCount, android:layout_gravity, v.
Ưu điểm của GridLayout:
- Sắp xếp trực quan: Giúp bạn dễ dàng sắp xếp các widget con thành dạng lưới với các hàng và cột.
- Linh hoạt: Hỗ trợ nhiều thuộc tính để tùy chỉnh layout, như số lượng hàng và cột, khoảng cách giữa các widget, v.v.
- Hiệu quả: Tối ưu hóa hiệu suất cho các thiết bị di động.
5. ConstraintLayout:
- Layout mới được giới thiệu từ Android Lollipop, cung cấp cách sắp xếp widget mạnh mẽ và linh hoạt.
- Hỗ trợ các ràng buộc vị trí, kích thước, tỷ lệ, v.v.
- Thích hợp cho các layout phức tạp, cần độ chính xác cao.
Ví dụ:
Các thành phần chính của ConstraintLayout:
- ConstraintLayout: Layout cha chứa các widget con.
- Widget con: Các thành phần giao diện như TextView, Button, ImageView, v.v.
- Ràng buộc: Các quy tắc xác định vị trí, kích thước và mối quan hệ giữa các widget con.
Ưu điểm của ConstraintLayout:
- Sắp xếp trực quan: Giúp bạn dễ dàng sắp xếp các widget con bằng cách sử dụng các ràng buộc trực quan như vị trí, kích thước, tỷ lệ, v.v.
- Linh hoạt: Hỗ trợ nhiều loại ràng buộc khác nhau, cho phép bạn tạo ra các layout phức tạp một cách dễ dàng.
- Hiệu quả: Tối ưu hóa hiệu suất cho các thiết bị di động.
Giảng viên Nguyễn Ngọc Chấn
Bộ môn Công nghệ thông tin
FPT Polytechnic TP HCM
Hỗ trợ tư vấn và giải đáp thông tin tuyển sinh FPT Polytechnic
