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

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

gridview trong android

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

gridview trong android

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 gridview

Giao diện ứng dụng khi chạy

gridview trong andoid

Khi chạm vào một hình bất kỳ trong gridviewgridview trong andoid

Trả lời