Tìm hiểu về UI Layout trong Android

Sau khi đã tìm hiểu qua cấu trúc ứng dụng Android gồm nhiều mục khác nhau, bây giờ chúng ta sẽ đi chi tiết hơn thông qua tìm hiểu về UI Layout trong Android. Vậy UI Layout trong android là gì?

1. UI Layout trong Android là gì?

UI Layout trong Android là gì? UI Layout trong Android là bố cục giao diện người dùng, và cũng là thành phần quan trọng trong ứng dụng Android được tạo nên từ lớp View, với lớp con là ViewGroup. UI Layout trong Android chiếm một hình chữ nhật trên màn hình, chịu trách nhiệm cho việc vẽ và xử lý sự kiện. Với UI Layout trong Android bạn có thể tùy biến Layout cho thông qua việc tạo một lớp, lớp đó được mở rộng từ ViewGroup.

2. Các loại Layout trong Android

Android cung cấp một số Layout như Linear Layout, Relative Layout, Table Layou tùy theo thiết kế mà chọn Layout cho thích hợp.

SttMô tả
1Linear Layout

LinearLayout là một view group mà căn chỉnh các view con theo một hướng nào đó: chiều dọc hay chiều ngang dự vào thược tính android:orientation.

2Relative Layout

RelativeLayout là một view group mà hiển thị các view con, các view con được sắp xếp dựa vào ID của view con nào đó.

3Table Layout

TableLayout là một view mà nhóm tất cả các view vào trong các hàng và các cột.

4Absolute Layout

AbsoluteLayout cho phép bạn xác định vị trí chính xác (tọa độ x/y)  của các view con.

5Frame Layout

Frame Layout là một view group thuộc loại layout đơn giản, các View con chứa bên trong xếp chồng lên nhau và được định vị bằng thuộc tính layout_gravity.

6List View

ListView là một view group, hiển thị các item theo một danh sách item có thể cuộn được theo chiều thẳng đứng.

7Grid View

GridView là một view group mà hiển thị các item theo dạng hình lưới và có thể cuộn được theo chiều ngang và chiều dọc.

3. Các thuộc tính của Layout trong Android

UI Layout trong Android bao gồm nhiều loại Layout, tương ứng với mỗi loại Layout có các thuộc tính chung và riêng. Sau đây là một số thuộc tính chung và được áp dụng cho tất cả Layout:

Thuộc tínhMô tả
android:idID là duy nhất được gán cho đối tượng View
android:layout_widthĐộ rộng của Layout
android:layout_heightChiều cao của Layout
android:layout_marginTopCanh theo cạnh trên của Layout
android:layout_marginBottomCanh theo cạnh dưới của Layout
android:layout_marginLeftCanh theo cạnh trái của Layout
android:layout_marginRightCanh theo cạnh phải Layout
android:layout_gravityXác định cách các view con được đặt tại đâu
android:layout_weightXác định có bao nhiêu extra space trong Layout nên được cấp phát tới View đó
android:layout_xXác định tọa độ x của Layout
android:layout_yXác định tọa độ y của Layout
android:layout_widthĐộ rộng Layout
android:layout_widthChiều cao Layout
android:paddingLeftCanh left padding cho Layout
android:paddingRightCanh right padding cho Layout
android:paddingTopCanh top padding cho Layout
android:paddingBottomCanh bottom padding cho Layout

View ID trong Android là gì? Tương ứng với một đối tượng view trong Android được gán bởi một ID duy nhất. Vậy view ID trong Android là ID duy nhất được gán cho một đối tượng view. Sau đây là cú pháp cho một ID bên trong file.xml

Lời kết: Sau khi đã tìm hiểu về UI Layout trong Android các bạn cần nắm khái niệm UI Layout trong Android, UI Layout là gì? các loại Layout trong Android. Ngoài ra các bạn có thể xem thêm các nội dung khác trong chuyên mục lập trình Android được chia sẻ với Team Việt Dev.

Xem thêm một số loại Layout trong Android:

Đang cập nhật…

(Tác giả: Team Việt Dev)

Bình luận