Custom GridView trong Android

Cũng tương tự như Custom ListView, Custom GridView trong Android là để cải thiện các item trong GirdView. Các item mặc định trong GridView mà Android cung cấp khá đơn điệu và không bắt mắt.

Custom GridView trong Android

Để giải quyết vấn đề trên ta sử dụng Custom GridView. Vậy làm thế nào để Custom GridView trong Android?

1. Custom GridView trong Android là gì?

Custom GridView là thực hiện thiết kế các item cho GridView chứ không sử dụng các item mặc định mà Android cung cấp. Mục đích thiết kế item cho GridView là để giao diện GridView thêm sống động và đẹp mắt.

Sử dụng GridView trong Android với item mặc định tôi đã hướng dẫn ở bài trước. Sau khi đã tìm hiểu khái niệm Custom GridView chúng ta sẽ đi chi tiết hơn qua ví dụ sử dụng Custom GridView trong Android.

2. Ví dụ sử dụng Custom GridView trong Android

Đến với ví dụ sử dụng Custom GridView trong Android tôi có một danh sách các ngôn ngữ lập trình cần hiển thị lên GridView. Tương ứng với mỗi ngôn ngữ là một item trong GridView với Item này tôi không sử dụng item mặc định mà Android cung cấp mà tự thiết kế item theo ý muốn. Và đây là source code ví dụ Custom GridView trong Android.

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 CustomGridViewExample.

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

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

Custom GridView trong Android

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

Và đây là nội dụng item mà tôi đã custom: res >> layout >> item_custom_grid_view.xml

Bước 3: Tạo package com.teamvietdev.customgridviewexample >> model

Tạo lớp Language.java và thêm đoạn code sau đây vào.

Tạo package com.teamvietdev.customgridviewexample >> adapter

Tạo lớp LanguageAdapter.java và thêm đoạn code sau đây vào.

Tạo package com.teamvietdev.customgridviewexample >> view

Tạo CustomGridViewExampleActivity.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.

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

Custom GridView trong Android

Lời kết: Như vậy là tôi đã hoàn thành phần hướng dẫn Custom GridView trong Android. Tiếp theo đây tôi sẽ hướng dẫn Custom Spinner trong Android các bạn nhớ đón xem. 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.

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

Bình luận