Tìm hiểu GridView trong Android

Tiếp theo chuyên mục UI Layout là phần tìm hiểu GridView trong Android. Vậy GridView là gì? Có mấy cách khai báo GridView? Sử dụng GridView như thế nào?

Tìm hiểu GridView trong Android

Để tìm hiểu GridView trong Android chúng ta sẽ lần lượt trả lời các câu hỏi

1. GridView là gì?

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

2. Cú pháp khái báo GridView trong Android

Trong Android GridView được khai báo như sau.

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

Một số thuộc tính quan trọng của GridView tôi đã liệt kê ở dưới.

Thuộc tínhMô tả
android:idID là duy nhất để nhận diện Layout
android:columnWidthChỉ định chiều rộng cố định cho mỗi cột, đơn vị tính có thể là px, dp, sp, in hoặc mm.
android:gravityChỉ định gravity trong mỗi ô, giá trị có thể là trên cùng, dưới cùng, bên trái, bên phải, giữa, center_vertical, center_horizontal…
android:horizontalSpacingXác định khoảng cách ngang mặc định giữa các cột. đơn vị tính có thể là px, dp, sp, in hoặc mm.
android:numColumnsXác định số cột cần hiển thị trên màn hình. android:numColumns được sử dụng nhiều trong GridView.
android:verticalSpacingXác định khoảng cách dọc mặc định giữa các cột. đơn vị tính có thể là px, dp, sp, in hoặc mm.

Đễ hiểu rõ hơn GridView chúng ta cùng nhau đến với ví dụ sử dụng GirdView trong Android.

4. Ví dụ sử dụng GridView trong Android

Đến với ví dụ sử dụng GridView tôi sẽ cho hiển thị danh sách các ngôn ngữ lập trình. Tôi chia GridView thành 2 cột dựa vào thộc tính android:numColumns. Các bạn có thể download source code ngay bên dưới đây.

Link 1 Link 2 Link 3

Sau đây là 5 bước chuẩn để thực hiện quá trình tạo Project sử dụng GridView trong Android.

Bước 1: Khởi tạo project với tên GridViewExample.

Chọn File >> New >> New Project. Xuất hiện form và đặt tên project GridViewExample sau đó click Finish.

Cấu trúc project GridViewExample như sau.

Tìm hiểu GridView trong Android

Bước 2: Vào res >> layout >> grid_view_activity.xml và thêm vào đoạn code dưới đây. Trong ví dụ sử dụng GridView tôi sẽ lấy danh sách ngôn ngữ lập trình đổ vào trong GridView.

Bước 3: Mở file GridViewActivity.java và thêm đoạn code sau đây vào.

Bước 4: Mở file AndroidManifest.xml và dán đoạn code sau đây vào.

Bước 5: Sau cùng vào res >> values >> strings.xml và dán đoạn code sau đây vào.

Kết quả chạy ví dụ sử dụng GridView trong Android như sau.

Tìm hiểu GridView trong Android

Lời kết: Như vậy là các bạn đã tìm hiểu GridView trong Android. Tuy nhiên đây chỉ là phần cơ bản về GridView, bởi vậy các item trong GridView nhìn khá đơn điệu và không bắt mắt. Vì lý do đó các bạn cần phải biết Custom GridView trong Android. Ngoài ra các bạn có thể theo dõi thêm các chuyên mục khác tại Team Việt Dev.

Xem thêm các layout khác tại đây.

Sử dụng Linear Layout trong Android

Sử dụng Relative Layout trong Android

Sử dụng Table Layout trong Android

Đang cập nhật…

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

Bình luận