Android数据列表之GridView的使用

适用人群：Android开发人员。
本文内容：简要介绍ListView&GridView的使用，为后续RecycleView的使用介绍打基础。

本文内容与《Android数据列表之ListView的使用》结构相同，因为两个控件基本写法一致。会一个，另一个就会了。

备注：
1.Android数据列表之ListView的使用：https://www.jianshu.com/p/d32cb10d78d9
2.Android数据列表之RecycleView的使用：https://www.jianshu.com/p/db00eed833cf

总文件目录如下图 & 界面效果如下图 如下：

总文件目录如下图	界面效果如下图
GridView工程目录.png	GridView界面效果.jpg

项目实现步骤：

1）新建工程，选择有一个Activity，默认名称为MainActivity，默认布局为activity_main.xml；
2）新建一个item样式。文件名为layout_gridview_item.xml，示例代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="10dp"
    android:background="#ff0000">

    <ImageView
        android:id="@+id/image"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitCenter"
        android:background="#e2e2e2"/>

    <TextView
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="16sp"
        android:text="Hello"
        android:textAlignment="center"
        android:layout_marginTop="10dp" />

</LinearLayout>

3）GridView的内容的展示，需要在适配器中补充。包括ListView、RecycleView也是如此，需要对应一个适配器。这就像iOS中UITableView的UITableViewDataSource。
新建MyGridViewAdapter文件，继承BaseAdapter。需要重写一些必要的方法，例如：getCount()、getView(int position, View convertView, ViewGroup parent)等。
item重用机制：借用ViewHolder类实现重用，优化性能。
示例代码如下：

package com.qiao.apple.grideviewdemo;

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

public class MyGridViewAdapter extends BaseAdapter {

    private Context mContext;
    private LayoutInflater mLayoutInflater;

    public MyGridViewAdapter(Context context){
        mContext = context;
        mLayoutInflater = LayoutInflater.from(mContext);
    }

    @Override
    public int getCount() {
        return 40;
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    static class ViewHolder {
        public ImageView imageView;
        public TextView textView;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder = null;
        if (null == convertView) {
            convertView = mLayoutInflater.inflate(R.layout.layout_gridview_item, null);
            viewHolder = new ViewHolder();
            viewHolder.imageView = convertView.findViewById(R.id.image);
            viewHolder.textView = convertView.findViewById(R.id.title);
            convertView.setTag(viewHolder);
        } else {
            viewHolder = (ViewHolder) convertView.getTag();
        }
        viewHolder.imageView.setImageResource(R.mipmap.ic_launcher_round);
        viewHolder.textView.setText("Grid标题"+position);
        return convertView;
    }
}

4）补充activity_main.xml文件。添加一个GridView控件。
示例代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:padding="10dp">

    <GridView
        android:id="@+id/grid_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:numColumns="4"
        android:horizontalSpacing="5dp"
        android:verticalSpacing="10dp"></GridView>

</LinearLayout>

5）补充MainActivity文件。获取刚刚创建的GridView控件，并绑定点击事件以及适配器。
示例代码如下：

public class MainActivity extends AppCompatActivity {

    private GridView gridView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        gridView = this.findViewById(R.id.grid_view);
        gridView.setAdapter(new MyGridViewAdapter(MainActivity.this));
        gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(MainActivity.this, "您点击了第"+position+"条数据", Toast.LENGTH_SHORT).show();
            }
        });
        gridView.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
            @Override
            public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long
                    id) {
                Toast.makeText(MainActivity.this, "长按"+position+"条数据", Toast.LENGTH_SHORT).show();
                return true;//true代表不再执行onItemClick事件。返回false的话，onItemClick事件也会响应。
            }
        });
    }
}

代码完成。