android开发之ListView GridView适配器架构

最新推荐文章于 2024-04-16 16:34:52 发布

ZaneLove

最新推荐文章于 2024-04-16 16:34:52 发布

阅读量805

点赞数

分类专栏： @android开发经验文章标签： gridview listview android 适配器架构

本文链接：https://blog.csdn.net/zanelove/article/details/44410045

版权

@android开发经验专栏收录该内容

105 篇文章 0 订阅

订阅专栏

在android开发领域混了2年了，哈哈，感觉一切都变化的那么的快，但我们的ListView还是老样子。还是那么的受欢迎，还是能在众多App当中成为猪脚，于是我就想着既然如此屌，何不让它更屌，它屌我屌，大家才屌嘛！那么，接下来本人将和大家一起打造一个万能的ListView适配器，当然ListView能用的GridView也不在话下，话不多说，抄家伙，真枪实弹的干！！

我们回想当年，我们苦逼的写着ListView的时候，首先万变不离其宗，上来就是创建一个类继承BaseAdapter，然后覆写四个方法，其中在getView()里面使用ViewHolder模式；然后针对不同布局的ListView，我们会有一个对应的Adapter，在Adapter中又会有一个ViewHolder类来提高效率。

如此这般，出现ListView的地方，就会出现与之对应的Adapter类和ViewHolder类，这样一来，我们明确了目标，瞄准了敌人，在我们的眼里，它们已经KO了，不是吗？哈哈！

消灭敌人 – ViewHolder

首先分析下ViewHolder的作用，通过convertView.setTag与convertView进行绑定，然后当convertView复用时，直接从与之对于的ViewHolder(getTag)中拿到convertView布局中的控件，省去了findViewById的时间~

也就是说，实际上们每个convertView会绑定一个ViewHolder对象，这个viewHolder主要用于帮convertView存储布局中的控件。

那么我们只要写出一个通用的ViewHolder，然后对于任意的convertView，提供一个对象让其setTag即可；

既然是通用，那么我们这个ViewHolder就不可能含有各种控件的成员变量了，因为每个Item的布局是不同的，最好的方式是什么呢？

提供一个容器，专门存每个Item布局中的所有控件，而且还要能够查找出来；既然需要查找，那么List集合肯定是不行了，需要一个键值对进行保存，键为控件的Id，值为控件的引用，相信大家立刻就能想到Map；但是我们不用Map，因为有更好的替代类，就是我们android提供的SparseArray这个类，和Map类似，但是比Map效率，不过键只能为Integer.

下面看看，我们第一期的ViewHolder类：

/**
 * 通用ViewHolder
 * Created by Zane on 2014/3/5.
 */
public class CommonViewHolder {
    private final SparseArray<View> mViews;
    private int mPosition;
    private View mConvertView;

    private CommonViewHolder(Context context, ViewGroup parent, int layoutId, int position) {
        this.mPosition = position;
        this.mViews = new SparseArray<View>();
        mConvertView = LayoutInflater.from(context).inflate(layoutId,parent,false);
        //setIag
        mConvertView.setTag(this);
    }

    /**
     * 获得一个ViewHolder对象
     * @param context
     * @param convertView
     * @param parent
     * @param layoutId
     * @param position
     * @return
     */
    public static CommonViewHolder get(Context context, View convertView, ViewGroup parent, int layoutId, int position) {
        if(convertView == null) {
            return new CommonViewHolder(context,parent,layoutId,position);
        }
        return (CommonViewHolder) convertView.getTag();
    }

    /**
     * 通过控件的Id获取对应的控件，如果没有则加入views容器中
     * @param viewId
     * @param <T>
     * @return
     */
    public <T extends View> T getView(int viewId) {
        View view = mViews.get(viewId);
        if(view == null) {
            view = mConvertView.findViewById(viewId);
            mViews.put(viewId,view);
        }
        return (T) view;
    }
}

与传统的ViewHolder不同，我们使用了一个SparseArray< View >用于存储与之对于的convertView的所有的控件，当需要拿这些控件时，通过getView(id)进行获取，同时我们将convertView集成到了ViewHolder当中，在MyAdapter类中的getView()当中我们以后就要得到ViewHolder对象，并拿到该对象之后就能得到其通过SparseArray容器存储的的控件，如此这般就能轻松愉快的给控件进行设置了，当然，精彩继续。

下面看看，我们在MyAdapter类中使用的第一期的ViewHolder类：

@Override  
public View getView(int position, View convertView, ViewGroup parent) {  
    //实例化一个viewHolder  
    ViewHolder viewHolder = ViewHolder.get(mContext, convertView, parent, R.layout.item_single_str, position);  
    //通过getView获取控件  
    TextView tv = viewHolder.getView(R.id.id_tv_title);  
    //使用  
    tv.setText(mDatas.get(position));  
    return viewHolder.getConvertView();  
}

分析以上代码：

只看getView，其他方法都一样；首先调用ViewHolder的get方法，在其方法中，判断如果convertView为null，就说明convertView就没有绑定过ViewHolder，那么，就得new一个ViewHolder实例，通过使用mInflater.inflate加载布局，然后new一个SparseArray用于存储View，最后setTag(this)；如果不为空那么直接getTag()。

最后通过getView(id)获取控件，如果存在则直接返回，否则调用findViewById，返回存储，然后返回该控件，如此这般就能轻松愉快的给控件进行设置了，当然，精彩继续。

消灭敌人 – Aadpter

分析：
一般情况下，Adapter类中需要定义一个List集合，用来存储Bean对象，不同的ListView，对应的Bean肯定也是不同滴，因此我们的Adapter肯定是需要支持泛型滴 – 内部维持一个List< T >，有明确目标了，那就干吧！

于是我们打造我们的第一期CommonAdapter：

public abstract class CommonAdapter<T> extends BaseAdapter {  
    protected LayoutInflater mInflater;  
    protected Context mContext;  
    protected List<T> mDatas;  

    public CommonAdapter(Context context, List<T> mDatas) {  
        mInflater = LayoutInflater.from(context);  
        this.mContext = context;  
        this.mDatas = mDatas;  
    }  

    @Override  
    public int getCount() {  
        return mDatas.size();  
    }  

    @Override  
    public Object getItem(int position) {  
        return mDatas.get(position);  
    }  

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

}

我们的CommonAdapter依然是一个抽象类，除了getView以外我们把其他的代码都实现了，这样的话，在使用我们的Adapter只要实现一个getView，然后getView里面再使用我们打造的通过的ViewHolder，这样是不是很hi。

现在再来看看我们的MyAdapter是咋写的：

public class MyAdapter<T> extends CommonAdapter<T> {  
    public MyAdapter(Context context, List<T> mDatas) {  
        super(context, mDatas);  
    }  

    @Override  
    public View getView(int position, View convertView, ViewGroup parent) {  
        ViewHolder viewHolder = ViewHolder.get(mContext, convertView, parent, R.layout.item_single_str, position);  
        TextView mTitle = viewHolder.getView(R.id.id_tv_title);  
        mTitle.setText((String) mDatas.get(position));  
        return viewHolder.getConvertView();  
    }  
}

这样一看，还是挺爽的，但是我要更爽，大伙可以好好的看看我们的getView里面的代码，虽然只有4行，但是细心的小伙伴们，已经察觉到了第一行的：ViewHolder viewHolder = ViewHolder.get(mContext, convertView, parent, R.layout.item_single_str, position);和最后一行的return viewHolder.getConvertView();代码绝对是所有的Adapter中一样的。

那么，这样的话，我们还可以这样做：我们把第一行和最后一行写死，把中间变化的部分抽取出来，这不就是OO的设计原则嘛。

于是我们打造我们的第二期CommonAdapter：

public abstract class CommonAdapter<T> extends BaseAdapter {
    protected LayoutInflater mInflater;
    protected Context mContext;
    protected List<T> mDatas;
    protected final int mItemLayoutId;

    public CommonAdapter(Context context, List<T> mDatas, int mItemLayoutId) {
        this.mContext = context;
        this.mInflater = LayoutInflater.from(mContext);
        this.mDatas = mDatas;
        this.mItemLayoutId = mItemLayoutId;
    }

    @Override
    public int getCount() {
        return mDatas.size();
    }

    @Override
    public T getItem(int position) {
        return mDatas.get(position);
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        final CommonViewHolder viewHolder = getViewHolder(position,convertView,parent);

        //以后只需改此方法即可
        convert(viewHolder,getItem(position));

        return viewHolder.getConvertView();
    }

    protected abstract void convert(CommonViewHolder viewHolder, T item);

    private CommonViewHolder getViewHolder(int position, View convertView, ViewGroup parent) {
        return CommonViewHolder.get(mContext,convertView,parent,mItemLayoutId,position);
    }
}

这样子，我们就只对外公布一个convert方法，并且还把ViewHolder和当前的Item对于的Bean对象给传出去，那么，现在的convert方法里面需要干嘛呢？

答：通过ViewHolder把View找到，通过Item设置值。

现在再来看看我们的MyAdapter是咋写的：

@Override  
protected void onCreate(Bundle savedInstanceState) {  
    super.onCreate(savedInstanceState);  
    setContentView(R.layout.activity_main);  
    mListView = (ListView) findViewById(R.id.id_lv_main);  

    //设置适配器  
    mListView.setAdapter(mAdapter = new CommonAdapter<String>(getApplicationContext(), mDatas, R.layout.item_single_str) {  
        @Override  
        public void convert(ViewHolder c, String item) {  
            TextView view = viewHolder.getView(R.id.id_tv_title);  
            view.setText(item);  
        }  
    });  
}

到目前为止，这已经算ok了，但我们细想一下，其实布局里面的View常用也就那么几种：ImageView,TextView,Button,CheckBox等等；

那么我觉得ViewHolder还可以封装一些常用的方法，比如setText(id,String)；setImageResource(viewId, resId)；setImageBitmap(viewId, bitmap)；

于是我们打造我们的第二期ViewHolder类：

/**
 * 通用ViewHolder
 * Created by Zane on 2014/3/5.
 */
public class CommonViewHolder {
    private final SparseArray<View> mViews;
    private int mPosition;
    private View mConvertView;

    private CommonViewHolder(Context context, ViewGroup parent, int layoutId, int position) {
        this.mPosition = position;
        this.mViews = new SparseArray<View>();
        mConvertView = LayoutInflater.from(context).inflate(layoutId,parent,false);
        //setIag
        mConvertView.setTag(this);
    }

    /**
     * 获得一个ViewHolder对象
     * @param context
     * @param convertView
     * @param parent
     * @param layoutId
     * @param position
     * @return
     */
    public static CommonViewHolder get(Context context, View convertView, ViewGroup parent, int layoutId, int position) {
        if(convertView == null) {
            return new CommonViewHolder(context,parent,layoutId,position);
        }
        return (CommonViewHolder) convertView.getTag();
    }

    /**
     * 通过控件的Id获取对应的控件，如果没有则加入views容器中
     * @param viewId
     * @param <T>
     * @return
     */
    public <T extends View> T getView(int viewId) {
        View view = mViews.get(viewId);
        if(view == null) {
            view = mConvertView.findViewById(viewId);
            mViews.put(viewId,view);
        }
        return (T) view;
    }

    /**
     * 为TextView设置字符串
     * @param viewId
     * @param text
     * @return
     */
    public CommonViewHolder setText(int viewId,String text) {
        TextView view = getView(viewId);
        view.setText(text);
        return this;
    }

    /**
     * 为ImageView设置图片
     * @param viewId
     * @param drawableId
     * @return
     */
    public CommonViewHolder setImageResourece(int viewId,int drawableId) {
        ImageView view = getView(viewId);
        view.setImageResource(drawableId);
        return this;
    }

    /** 
     * 为ImageView设置图片 
     * @param viewId 
     * @param drawableId 
     * @return 
     */  
    public CommonViewHolder setImageBitmap(int viewId, Bitmap bm) {  
        ImageView view = getView(viewId);  
        view.setImageBitmap(bm);  
        return this;  
    }  

    /** 
     * 为ImageView设置图片 
     * @param viewId 
     * @param drawableId 
     * @return 
     */  
    public CommonViewHolder setImageByUrl(int viewId, String url) {  
        ImageLoader.getInstance(3, Type.LIFO).loadImage(url, (ImageView) getView(viewId),true);  
        return this;  
    }

    public int getPosition() {  
        return mPosition;  
    }  

    public View getConvertView(){
        return mConvertView;
    }
}

这才是真真正正的屌！！哈哈！！

最后的使用：

public class MyActivity extends Activity {
    private ListView mListView;
    protected List<MyBean> mDatas = new ArrayList<MyBean>();

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        initData();

        mListView = (ListView) findViewById(R.id.lv);

        //设置适配器
        mListView.setAdapter(new CommonAdapter<MyBean>(getApplicationContext(),mDatas,R.layout.item_single_text) {
            @Override
            protected void convert(CommonViewHolder viewHolder, MyBean item) {
                viewHolder.setImageByUrl(R.id.user_head, item.img_url);
                viewHolder.setText(R.id.username_tv, item.user_name);
                viewHolder.setText(R.id.reply_time, item.time);
                viewHolder.setText(R.id.reply_title, item.content);
                viewHolder.setText(R.id.reply_from, item.from);
            }
        });
    }

    private void initData() {
        mDatas.add(new MyBean("http://img.wdjimg.com/mms/icon/v1/a/37/a98ed1450b2780da6b85dc87470ae37a_256_256.png","春雨天下","3月16日","春雨医生提供100%真实公立医院医生的在线医疗健康咨询服务。","春雨天下"));
        mDatas.add(new MyBean("http://img13.wealinkcdn.com/photo/company_album/54/90/sbrl9fey2t6bcwf8_750x375.jpg","春雨悦读","3月17日","春雨医生提供100%真实公立医院医生的在线医疗健康咨询服务。","春雨天下"));
        mDatas.add(new MyBean("http://img1.imgtn.bdimg.com/it/u=1474999303,1182434472&fm=21&gp=0.jpg","春雨医生","3月18日","春雨医生提供100%真实公立医院医生的在线医疗健康咨询服务。","春雨天下"));
        mDatas.add(new MyBean("http://img.wdjimg.com/mms/icon/v1/a/37/a98ed1450b2780da6b85dc87470ae37a_256_256.png","春雨育儿医生","3月19日","春雨医生提供100%真实公立医院医生的在线医疗健康咨询服务。","春雨天下"));
        mDatas.add(new MyBean("http://img13.wealinkcdn.com/photo/company_album/54/90/sbrl9fey2t6bcwf8_750x375.jpg","春雨育期医生","3月20日","春雨医生提供100%真实公立医院医生的在线医疗健康咨询服务。","春雨天下"));
    }
}