Android项目常用控件之GridView

在项目中GridView常用来实现九宫格和网格方式排列视图

首先看下实现后的效果图：

在布局文件activity_main.xml文件中定义一个GridView控件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="45dp">

    <GridView
        android:id="@+id/gridview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:numColumns="3"
        android:stretchMode="columnWidth"
        android:verticalSpacing="10dp"></GridView>

</RelativeLayout>

在布局文件grid_item.xml文件中定义填充GridView控件的item

<?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:gravity="center"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/gridView_item"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:maxHeight="100dp"
        android:maxWidth="100dp"
        android:src="@mipmap/ic_launcher" />

</LinearLayout>

Activity代码：

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.Toast;

public class MainActivity extends Activity {

    //定义图片整形数组
    private int[] mImage = {R.drawable.image0, R.drawable.image1, R.drawable.image2,
            R.drawable.image3, R.drawable.image4, R.drawable.image5,
            R.drawable.image6, R.drawable.image7, R.drawable.image8};
    private GridView mGridView;
    private GridViewAdapter mAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //初始化GridView
        mGridView = (GridView) findViewById(R.id.gridview);
        mAdapter = new GridViewAdapter(this, mImage);
        //绑定适配器
        mGridView.setAdapter(mAdapter);
        //为GridView设置监听
        mGridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                Toast.makeText(MainActivity.this, "选中了", Toast.LENGTH_LONG).show();
            }
        });
    }
}

创建自定义适配器 GridViewAdapter继承 BaseAdapter

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;

public class GridViewAdapter extends BaseAdapter {

    private LayoutInflater layoutInflater;
    private int[] images;

    public GridViewAdapter(Context context, int[] mImage) {
        layoutInflater = LayoutInflater.from(context);
        this.images = mImage;
    }

    /**
     * 获取数量
     */
    @Override
    public int getCount() {
        return images.length;
    }

    /**
     * 获得当前选项
     */
    @Override
    public Object getItem(int position) {
        return images[position];
    }

    /**
     * 获得当前选项的ID
     */
    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        View v = layoutInflater.inflate(R.layout.grid_item,null);
        ImageView mImageView = (ImageView) v.findViewById(R.id.gridView_item);
        mImageView.setImageResource(images[position]);
        return v;
    }
}

DEMO源码