android学习笔记——GridView控件（九宫格布局）

GridView跟ListView都是比较常用的多控件布局，而GridView更是实现九宫图的首选!

先来介绍一下要做的工作，有一个完整的思路

1.在activity_main.xml中加一个GridViwe

2.编写一个自定义的Adapter，在其中完成给每个item与数据源的绑定。getView()方法

3.回到MainActivity中去使用该Adapter。

4.之后可以为item设置一下点击事件，再做一些别的操作。（下一节在其中插入一个切换图片的方法）

activity_main.xml文档如下

< GridView

    android:id="@+id/gv_images"     

    android :layout_width= "match_parent"

    android:layout_height="match_parent"

    android:numColumns="3"               //设置列数为3，可设置自动“auto_fit”

    android:stretchMode="columnWidth"     //缩放与列宽大小同步

    android:horizontalSpacing="10dp"     //两列之间的边距 10dp

    android:verticalSpacing="10dp"        //两行之间的边距 10dp

    //android:columnWidth="90dp"         //设置每一列的宽度，也可以不用在这里设置，之后我们会看到。

/>

和以前一样，View（视图）和数据进行绑定是需要一个Adapter的。在这我们写一个自己的Adapter来进行适配。

在写这个Adapter之前，我们要认真的思考一下该Adapter要做什么事。

把每一个item设置成一个Image，然后显示这个GridView。那么在getView()这个方法中，我们需要用到的参数就是上下文以及数据源

自定义构造函数就呼之欲出了。看下面代码吧

public class ImageAdapter  extends BaseAdapter{
    private Context  context;

    private int[] data;

    //自定义构造函数
    public ImageAdapter(Context context, int [] data){
        this. context = context;
        this. data = data;

    }

    @Override
    public int getCount() {
        return  data. length;

    }

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

    }

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

    }

    @Override
    public View getView( int position, View convertView, ViewGroup parent) {
        //循环使用convertView首先要判断他是否为空，如果是空的，加一个imageView在里面，用来显示图片
        if (convertView ==  null){
            convertView =  new ImageView( context);

            //设置控件的布局样式

            convertView.setLayoutParams(new GridView.LayoutParams(200,250));    

           //在这里设置了一下宽度和高度，对应了上面的列宽，但这是有区别的。这种方式设置的是内容的宽高，而在xml中设置android:columnWidth="90dp"则是限定了列宽，不论内容有多大，只能是显示90dp

        }
        //分配要显示的图片
        convertView.setBackgroundResource( data[position]);
        return convertView;
    }

}

让我们回到MainActivity中来，在这里需要做哪些事？

1.获取布局中的GridView，和平常控件没有区别

2.初始化数据源，就用个简单的数组存储吧，因为都是用的id所以int类型就可以

3.这就要调用刚才写的Adapter了，设置一下。gvImage.setAdapter(adapter)。

4.最后给每个item设置一个点击事件gvImage.setOnItemClickListener()。在这里我们就可以进行一些扩展了。

代码就不贴了，都是很基础的了，想不起来就该挨打了~