Android（java）学习笔记97：使用GridView以及重写BaseAdapter

1. BaseAdapter：

对于ListView、GridView、Gallery、Spinner等等，它是它们的适配器，直接继承自接口类Adapter的，使用BaseAdapter时需要重写很多方法，其中最重要的当属getView，因为这会涉及到ListView优化等问题，BaseAdapter与其他Adapter有些不一样，使用BaseAdapter中需要实现一个继承自BaseAdapter的类，并且重写里面的很多方法，其他的Adapter可以直接在其构造方法中进行数据的设置：

下面getItem（）和getItemId（）分别是用来返回Object类型对象和long类型的值，不一定要在这两个方法中编写具体的代码，使用这两个方法返回与当前列表项相关的对象和列表项的ID（当然也可以返回任何与业务有关的数据）；

必须在getCount（）和getView（）方法中编写实际的代码。getCount（）方法返回列表数据的总数，例如，列表数据来自数组，getCount（）方法返回数组的长度。getView（）方法返回在当前列表项使用的View对象。

class MyAdapter extends BaseAdapter
    {
        private Context context;
        public MyAdapter(Context context)
        {
            this.context = context;
        }
        @Override
        public int getCount() {
            //在此适配器中所代表的数据集中的条目数
            return 0;
        }

        @Override
        public Object getItem(int position) {
            // 获取数据集中与指定索引对应的数据项
            return null;
        }

        @Override
        public long getItemId(int position) {
            //取在列表中与指定索引对应的行id
            return 0;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // Get a View that displays the data at the specified position in the data set.
            return null;
        }
        
    }

这里面没什么难度，但是这个getView方法必须好好处理，也是最麻烦的：

第一种：没有任何处理，不建议这样写。如果数据量少看将就，但是如果列表项数据量很大的时候，会每次都重新创建View，设置资源，严重影响性能，所以从一开始就不要用这种方式：

@Override
        public View getView(int position, View convertView, ViewGroup parent) {
            View item = mInflater.inflate(R.layout.list_item, null);
            ImageView img = (ImageView)item.findViewById(R.id.img) 
            TextView title = (TextView)item.findViewById(R.id.title);
            TextView info = (TextView)item.findViewById(R.id.info);
            img.setImageResource(R.drawable.ic_launcher);
            title.setText("Hello");
            info.setText("world");
            
            return item;
        }

第二种ListView优化：通过缓存convertView,这种利用缓存contentView的方式可以判断如果缓存中不存在View才创建View，如果已经存在可以利用缓存中的View，提升了性能。

public View getView(int position, View convertView, ViewGroup parent) {
            if(convertView == null)
            {
                convertView = mInflater.inflate(R.layout.list_item, null);
            }
            
            ImageView img = (ImageView)convertView.findViewById(R.id.img) 
            TextView title = (TextView)convertView.findViewById(R.id.title);
            TextView info = (TextView)ConvertView.findViewById(R.id.info);
            img.setImageResource(R.drawable.ic_launcher);
            title.setText("Hello");
            info.setText("world");
            
            return convertView;
        }

第三种ListView优化：通过convertView+ViewHolder来实现，ViewHolder就是一个静态类，使用 ViewHolder 的关键好处是缓存了显示数据的视图（View），加快了 UI 的响应速度。

当我们判断 convertView == null  的时候，如果为空，就会根据设计好的List的Item布局（XML），来为convertView赋值，并生成一个viewHolder来绑定converView里面的各个View控件（XML布局里面的那些控件）。再用convertView的setTag将viewHolder设置到Tag中，以便系统第二次绘制ListView时从Tag中取出。（看下面代码中）

如果convertView不为空的时候，就会直接用convertView的getTag()，来获得一个ViewHolder。

//在外面先定义，ViewHolder静态类
    static class ViewHolder
    {
        public ImageView img;
        public TextView title;
        public TextView info;
    }
//然后重写getView
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder holder;
            if(convertView == null)
            {
                holder = new ViewHolder();
                convertView = mInflater.inflate(R.layout.list_item, null);
                holder.img = (ImageView)item.findViewById(R.id.img) 
                holder.title = (TextView)item.findViewById(R.id.title);
                holder.info = (TextView)item.findViewById(R.id.info);
                convertView.setTag(holder);
            }else
            {
                holder = (ViewHolder)convertView.getTag();
                holder.img.setImageResource(R.drawable.ic_launcher);
                holder.title.setText("Hello");
                holder.info.setText("World");
            }
            
            return convertView;
        }

2. BaseAdapter结合GridView的案例：

首先是activity_main.xml文件：

<LinearLayout 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"
    android:orientation="vertical"
    tools:context="com.himi.gridviewdemo.MainActivity" >

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

</LinearLayout>

其次是MainActivity.java:

package com.himi.gridviewdemo;

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.Toast;

public class MainActivity extends Activity {

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

        GridView gv = (GridView) findViewById(R.id.gridview);

        gv.setAdapter(new MyAdapter(MainActivity.this));

        gv.setOnItemClickListener(new OnItemClickListener() {

            public void onItemClick(AdapterView<?> parent, View view,
                    int position, long id) {
                Toast.makeText(MainActivity.this, "imgs:" + position,
                        Toast.LENGTH_LONG).show();

            }
        });
    }

}

最后是MyAdapter.java:

package com.himi.gridviewdemo;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.FrameLayout.LayoutParams;
import android.widget.GridView;
import android.widget.ImageView;

public class MyAdapter extends BaseAdapter {  //所有的方法都要改写：包括getCount（）、getItem（）……

    private Context context;
    private Integer[] imgs = { R.drawable.imgs_00, R.drawable.imgs_01,
            R.drawable.imgs_02, R.drawable.imgs_03, R.drawable.imgs_04,
            R.drawable.imgs_05, R.drawable.imgs_06, R.drawable.imgs_07 };

    public MyAdapter(Context context) {//添加一个构造方法，传入参数为上下文Context，方便外界Activity调用
        this.context = context;
    }

    public int getCount() {
        // TODO 自动生成的方法存根
        return imgs.length;
    }

    public Object getItem(int position) {
        // TODO 自动生成的方法存根
        return position;
    }

    public long getItemId(int id) {
        // TODO 自动生成的方法存根
        return id;
    }

    public View getView(int position, View convertView, ViewGroup parent) {
        ImageView imageView;
        if (convertView == null) {

            imageView = new ImageView(context);
            imageView.setLayoutParams(new GridView.LayoutParams(225, 225));// 设置ImageView对象布局---宽高
            imageView.setAdjustViewBounds(false);// 设置边界对齐
            imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);// 设置刻度的类型
            imageView.setPadding(8, 8, 8, 8);// 设置间距

        } else {
            imageView = (ImageView) convertView;
        }

        imageView.setImageResource(imgs[position]);

        return imageView;
    }

}

结果是如下图：