GridView的使用

GridView 是Android开发中常用的一个控件，界面视图以表格的形式呈现。

实现GridView主要有以下三个步骤：
1、数据源，这里我们采用集合作为数据源。
2、适配器，我们采用SimpleAdapter()作为数据的适配器。
3、加载到视图界面。
首先在布局文件中添加一个GridView控件，属性设置如下：

<!--
        android:numColumns="auto_fit"  每行的列数,自适应
        android:horizontalSpacing="13dp"  每列之间的距离
        android:verticalSpacing="13dp"  每行之间的距离
    -->
    <GridView
        android:id="@+id/gv"
        android:layout_marginTop="23dp"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:numColumns="3"
        android:horizontalSpacing="13dp"
        android:verticalSpacing="13dp"
        >

    </GridView>

接着回到java文件中，新建一个GridView引用、一个SimpleAdapter引用、一个List集合引用，图片资源image、文字资源text。接着通过findViewById()建立GridView对象 gv= (GridView) findViewById(R.id.gv);
创建ArrayList()对象new ArrayList<>();
创建SimpleAdapter()对象

adapter=new SimpleAdapter(this,getData(),R.layout.gridview,new String[]{"image","text"},new int[]{R.id.image,R.id.text});

其中this是上下文、getData()是数据源、R.layout.gridview是适配的布局文件、String[]{“image”,”text”}是Map中的键值、new int[]{R.id.image,R.id.text}是gridview布局文件中的控件的id。
gridview布局文件的代码如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"/>
    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="android"/>

</LinearLayout>

getData()的代码，即将图片数组和文字数组加载到数据源中

private List<Map<String,Object>> getData(){

        for(int i=0;i<image.length;i++){
            Map<String,Object> map=new HashMap<>();
            map.put("image",image[i]);
            map.put("text",text[i]);
            datalist.add(map);
        }
        return datalist;
    }

最后用适配器将资源加载到视图界面。
实现点击事件监听的代码

public void onItemClick(AdapterView<?> parent, View view,int position,long id){
        Toast.makeText(MainActivity.this,"I'm "+text[position],Toast.LENGTH_SHORT).show();
    }

这样就完成GridView的使用。
完整代码如下：

package com.eyckwu.gridview;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.SimpleAdapter;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class MainActivity extends AppCompatActivity implements AdapterView.OnItemClickListener {

    private GridView gv;
    private SimpleAdapter adapter;
    private List<Map<String,Object>> datalist;
    private int[] image={R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher,
            R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher,
            R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher,
            R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher};
    private String[] text={"android1","android2","android3","android4","android5","android6",
            "android7","android8","android9","android10","android11","android12",};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        gv= (GridView) findViewById(R.id.gv);
        datalist=new ArrayList<>();
        adapter=new SimpleAdapter(this,getData(),R.layout.gridview,new String[]{"image","text"},new int[]{R.id.image,R.id.text});
        gv.setAdapter(adapter);
        gv.setOnItemClickListener(this);
    }

    private List<Map<String,Object>> getData(){

        for(int i=0;i<image.length;i++){
            Map<String,Object> map=new HashMap<>();
            map.put("image",image[i]);
            map.put("text",text[i]);
            datalist.add(map);
        }
        return datalist;
    }

    public void onItemClick(AdapterView<?> parent, View view,int position,long id){
        Toast.makeText(MainActivity.this,"I'm "+text[position],Toast.LENGTH_SHORT).show();
    }
}