GridView的簡單使用，

GridView的簡單使用，

 

測試代碼：

activity_main.xml：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent" >    <GridView        android:id="@+id/gridView"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:columnWidth="90dp"        android:horizontalSpacing="10dp"        android:numColumns="auto_fit"        android:stretchMode="columnWidth"        android:verticalSpacing="10dp" /></RelativeLayout>

 

介紹一下裡面的某些屬性：

android:numColumns="auto_fit" ，GridView的列數設定為自動

android:columnWidth="90dp"，每列的寬度，也就是Item的寬度

android:stretchMode="columnWidth"，縮放與列寬大小同步

android:verticalSpacing="10dp"，兩行之間的邊距。

android:horizontalSpacing="10dp"，兩列之間的邊距。

 

grid_item.xml：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    android:padding="10dp" >    <ImageView        android:id="@+id/iamgeView"        android:layout_width="80dp"        android:layout_height="80dp"        android:src="@drawable/ic_launcher" />    <TextView        android:id="@+id/textView"        android:layout_width="80dp"        android:layout_height="wrap_content"        android:layout_marginTop="5dip"        android:gravity="center"        android:text="文字"        android:textColor="@android:color/holo_red_light" /></LinearLayout>

 

MainActivity.java：

package com.zzw.testgridview;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.GridView;import android.widget.SimpleAdapter;import android.widget.Toast;public class MainActivity extends Activity {    private GridView gridView;    private List<Map<String, Object>> data;    private SimpleAdapter adapter;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        init();        gridView = (GridView) findViewById(R.id.gridView);        String[] from = { "image", "text" };        int[] to = { R.id.iamgeView, R.id.textView };        adapter = new SimpleAdapter(this, data, R.layout.grid_item, from, to);        gridView.setAdapter(adapter);        gridView.setOnItemClickListener(new OnItemClickListener() {            @Override            public void onItemClick(AdapterView<?> parent, View view,                    int position, long id) {                Toast.makeText(MainActivity.this, position + "",                        Toast.LENGTH_SHORT).show();            }        });    }    private void init() {        // 圖片封裝成一個數組        int[] image = new int[] { R.drawable.a, R.drawable.b, R.drawable.c,                R.drawable.d, R.drawable.e, R.drawable.f, R.drawable.g,                R.drawable.h, R.drawable.i, R.drawable.a, R.drawable.b,                R.drawable.c, R.drawable.d, R.drawable.e, R.drawable.f,                R.drawable.g, R.drawable.h, R.drawable.i };        // 文字封裝成一個數組        String[] text = new String[image.length];        for (int i = 0; i < image.length; i++) {            text[i] = "文字" + i;        }        data = new ArrayList<Map<String, Object>>();        for (int i = 0; i < image.length; i++) {            HashMap<String, Object> map = new HashMap<String, Object>();            map.put("image", image[i]);            map.put("text", text[i]);            data.add(map);        }    }}