Gridview trong android (Bài 7)

GridView trong android cho phép chúng ta sắp xếp các thành phần trong một lưới (grid) gồm nhiều dòng và nhiều cột. ListView và GridView là lớp con của AdapterView và cả hai đều sử dụng Adapter để nhận dữ liệu, sau đó hiển thị dữ liệu từ Adapter này.

Gridview trong android – Các thuộc tính của GridView

Thuộc tính	Miêu tả
android:id	ID dùng để xác định gridview trong layout
android:columnWidth	Xác định chiều rộng cho mỗi cột
android:gravity	Chỉ định canh lề với các giá trị như top, bottom, left, right, center, center_vertical, center_horizontal
android:horizontalSpacing	Xác định khoảng cách giữa các cột
android:verticalSpacing	Xác định khoảng cách giữa các dòng
android:numColumns	Xác định số cột được hiển thị. Giá trị có thể là một số nguyên hoặc auto_fit (nghĩa là số cột được chia tuỳ thuộc vào thiết bị)
android:stretchMode	Xác định cách thức các cột co giãn để lấp đầy không gian trống có sẵn. Sử dụng một trong các giá trị sau: none: Không co giãn spacingWidth: Khoảng cách giữa các cột được co giãn columnWidth: Mỗi cột được co giãn bằng nhau

Gridview trong android – Bài mẫu

Hiển thị các ký tự từ A đến Z sử dụng gridview trong android

Thiết kế layout

<GridView
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:id="@+id/gridView"
 android:layout_centerHorizontal="true"
 android:layout_alignParentTop="true"
 android:numColumns="auto_fit"
 android:gravity="center"
 android:stretchMode="columnWidth"
 android:columnWidth="50dp" />

Viết xử Khai báo dữ liệu cho gridview

static final String[] data = new String[]{
            "A", "B", "C", "D", "E",
            "F", "G", "H", "I", "J",
            "K", "L", "M", "N", "O",
            "P", "Q", "R", "S", "T",
            "U", "V", "W", "X", "Y", "Z"};

Trong phương thức onCreate()

// Khai báo ArrayAdapter
ArrayAdapter<String> aa = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, data);
// Gắn ArrayAdapter vào GridView
gv.setAdapter(aa);
// Xử lý sự kiện
gv.setOnItemClickListener(new AdapterView.OnItemClickListener(){
 public void onItemClick(AdapterView<?> parent, View v,
 int position, long id) {
  Toast.makeText(getApplicationContext(), data[position], Toast.LENGTH_SHORT).show();
 }
});

Chạy ứng dụng

Khi chạm vào một ký tự trong gridview

Gridview trong android – Bài tập thực hành

Sử dụng gridview cho phép hiển thị danh sách hình ảnh đặt trong thư mục drawable. Khi người dùng chạm vào một hình bất kỳ, ứng dụng sẽ hiển thị kích thước đầy đủ của hình được chọn. Tải hình ảnh sử dụng để hiển thị lên gridviewGiao diện ứng dụng khi chạy