Android 高速开发系列 打造万能的ListView GridView 适配器

卧疾丰暇豫,翰墨时间作。这篇文章主要讲述Android 高速开发系列 打造万能的ListView GridView 适配器相关的知识,希望能为你提供帮助。
转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38902805  ,本文出自【张鸿洋的博客】
1、概述相信做android开发的写得最多的就是ListView,GridView的适配器吧,记得曾经开发一同事开发项目。一个项目下来基本就一直在写ListView的Adapter都快吐了~~~对于Adapter一般都继承BaseAdapter复写几个方法,getView里面使用ViewHolder模式。事实上大部分的代码基本都是相似的。
本篇博客为高速开发系列的第一篇,将一步一步带您封装出一个通用的Adapter。
2、常见的样例首先看一个最常见的案例,大家一目十行的扫一眼
1、布局文件主布局文件:

< RelativeLayout 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" > < ListView android:id="@+id/id_lv_main" android:layout_width="fill_parent" android:layout_height="fill_parent" /> < /RelativeLayout>


Item的布局文件:

< ?
xml version="1.0" encoding="utf-8"?> < TextView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/id_tv_title" android:layout_width="match_parent" android:layout_height="50dp" android:background="#aa111111" android:gravity="center_vertical" android:paddingLeft="15dp" android:textColor="#ffffff" android:text="hello" android:textSize="20sp" android:textStyle="bold" > < /TextView>

2、Adapter

package com.example.zhy_baseadapterhelper; import java.util.List; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.TextView; public class MyAdapter extends BaseAdapter { private LayoutInflater mInflater; private Context mContext; private List< String> mDatas; public MyAdapter(Context context, List< String> 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; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder viewHolder = null; if (convertView == null) { convertView = mInflater.inflate(R.layout.item_single_str, parent, false); viewHolder = new ViewHolder(); viewHolder.mTextView = (TextView) convertView .findViewById(R.id.id_tv_title); convertView.setTag(viewHolder); } else { viewHolder = (ViewHolder) convertView.getTag(); } viewHolder.mTextView.setText(mDatas.get(position)); return convertView; } private final class ViewHolder { TextView mTextView; }}


3、Activity

package com.example.zhy_baseadapterhelper; import java.util.ArrayList; import java.util.Arrays; import java.util.List; import android.app.Activity; import android.os.Bundle; import android.widget.ListView; public class MainActivity extends Activity { private ListView mListView; private List< String> mDatas = new ArrayList< String> (Arrays.asList("Hello", "World", "Welcome")); private MyAdapter mAdapter; @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 MyAdapter(this, mDatas)); }}


上面这个样例大家应该都写了无数遍了,MyAdapter集成BaseAdapter。然后getView里面使用ViewHolder模式;普通情况下,我们的写法是这种:对于不同布局的ListView,我们会有一个相应的Adapter,在Adapter中又会有一个ViewHolder类来提高效率。
这样出现ListView就会出现与之对于的Adapter类、ViewHolder类;那么有没有办法降低我们的编码呢?
以下首先拿ViewHolder开刀~
3、通用的ViewHolder首先分析下ViewHolder的作用。通过convertView.setTag与convertView进行绑定。然后当convertView复用时,直接从与之对于的ViewHolder(getTag)中拿到convertView布局中的控件,省去了findViewById的时间~
也就是说,实际上们每一个convertView会绑定一个ViewHolder对象,这个viewHolder主要用于帮convertView存储布局中的控件。
那么我们仅仅要写出一个通用的ViewHolder,然后对于随意的convertView。提供一个对象让其setTag就可以;
既然是通用。那么我们这个ViewHolder就不可能含有各种控件的成员变量了,由于每一个Item的布局是不同的。最好的方式是什么呢?
提供一个容器,专门存每一个Item布局中的全部控件,并且还要能够查找出来。既然须要查找,那么ListView肯定是不行了,须要一个键值对进行保存。键为控件的Id。值为控件的引用,相信大家立马就能想到Map;可是我们不用Map,由于有更好的替代类,就是我们android提供的SparseArray这个类。和Map相似。可是比Map效率,只是键仅仅能为Integer.
以下看我们的ViewHolder类:

package com.example.zhy_baseadapterhelper; import android.content.Context; import android.util.Log; import android.util.SparseArray; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; public class ViewHolder { private final SparseArray< View> mViews; private View mConvertView; private ViewHolder(Context context, ViewGroup parent, int layoutId, int position) { this.mViews = new SparseArray< View> (); mConvertView = LayoutInflater.from(context).inflate(layoutId, parent, false); //setTag mConvertView.setTag(this); } /** * 拿到一个ViewHolder对象 * @param context * @param convertView * @param parent * @param layoutId * @param position * @return */ public static ViewHolder get(Context context, View convertView, ViewGroup parent, int layoutId, int position) { if (convertView == null) { return new ViewHolder(context, parent, layoutId, position); } return (ViewHolder) convertView.getTag(); } /** * 通过控件的Id获取对于的控件。假设没有则增加views * @param viewId * @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; } public View getConvertView() { return mConvertView; } }




与传统的ViewHolder不同,我们使用了一个SparseArray< View> 用于存储与之对于的convertView的全部的控件,当须要拿这些控件时,通过getView(id)进行获取;
以下看使用该ViewHolder的MyAdapter。

@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,new一个ViewHolder实例。通过使用mInflater.inflate载入布局,然后new一个SparseArray用于存储View,最后setTag(this);
假设存在那么直接getTag
最后通过getView(id)获取控件,假设存在则直接返回。否则调用findViewById,返回存储,返回。

好了,一个通用的ViewHolder写好了。以后一个项目几十个Adapter一个ViewHolder直接hold住全场~~大家能够省点时间斗个小地主了~~
4、打造通用的Adapter有了通用的ViewHolder大家肯定不能满足,怎么也得省出dota的时间,人在塔在~~
以下看怎样打造一个通过的Adapter,我们叫做CommonAdapter
继续分析。Adapter一般须要保持一个List对象,存储一个Bean的集合。不同的ListView。Bean肯定是不同的,这个CommonAdapter肯定须要支持泛型,内部维持一个List< T> ,就解决我们的问题了;
于是我们初步打造我们的CommonAdapter

package com.example.zhy_baseadapterhelper; import java.util.List; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.TextView; 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是不是感觉还不错~
如今我们的MyAdapter是这种:

package com.example.zhy_baseadapterhelper; import java.util.List; import android.content.Context; import android.view.View; import android.view.ViewGroup; import android.widget.TextView; 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(); }}


全部的代码加起来也就10行左右,是不是神清气爽~~稍等。我先去dota一把~
可是我们是否就这样满足了呢?显然还能够简化。
5、进一步铸造注意我们的getView里面的代码,尽管仅仅有4行。可是我认为全部的Adapter的
第一行(ViewHolder viewHolder = getViewHolder(position, convertView,parent); )和
最后一行:return viewHolder.getConvertView(); 一定是一样的。
那么我们能够这样做:我们把第一行和最后一行写死,把中间变化的部分抽取出来,这不就是OO的设计原则嘛。
如今CommonAdapter是这种:

package com.example.zhy_baseadapterhelper; import java.util.List; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; 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 itemLayoutId) { this.mContext = context; this.mInflater = LayoutInflater.from(mContext); this.mDatas = mDatas; this.mItemLayoutId = itemLayoutId; } @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 ViewHolder viewHolder = getViewHolder(position, convertView, parent); convert(viewHolder, getItem(position)); return viewHolder.getConvertView(); } public abstract void convert(ViewHolder helper, T item); private ViewHolder getViewHolder(int position, View convertView, ViewGroup parent) { return ViewHolder.get(mContext, convertView, parent, mItemLayoutId, position); }}


对外发布了一个convert方法,并且还把viewHolder和本Item对于的Bean对象给传出去,如今convert方法里面须要干嘛呢?
通过ViewHolder把View找到,通过Item设置值;
如今我认为代码简化到这样,我已经不须要单独写一个Adapter了,直接MainActivity匿名内部类走起~

@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); }}); }


能够看到效果咋样,不错吧。
你认为还能简化么?我认为还能改善。


6、Adapter最后的封魔我们如今在convertView里面须要这样:
@Override
public void convert(ViewHolder viewHolder, String item)
{
TextView view = viewHolder.getView(R.id.id_tv_title);
view.setText(item);
}

我们细想一下,事实上布局里面的View经常使用也就那么几种:ImageView,TextView,Button,CheckBox等等;
那么我认为ViewHolder还能够封装一些经常使用的方法。比方setText(id,String);setImageResource(viewId, resId)。setImageBitmap(viewId, bitmap);
那么如今ViewHolder是:

package com.example.zhy_baseadapterhelper; import android.content.Context; import android.graphics.Bitmap; import android.util.SparseArray; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.TextView; import com.example.zhy_baseadapterhelper.ImageLoader.Type; public class ViewHolder { private final SparseArray< View> mViews; private int mPosition; private View mConvertView; private ViewHolder(Context context, ViewGroup parent, int layoutId, int position) { this.mPosition = position; this.mViews = new SparseArray< View> (); mConvertView = LayoutInflater.from(context).inflate(layoutId, parent, false); // setTag mConvertView.setTag(this); } /** * 拿到一个ViewHolder对象 * * @param context * @param convertView * @param parent * @param layoutId * @param position * @return */ public static ViewHolder get(Context context, View convertView, ViewGroup parent, int layoutId, int position) { if (convertView == null) { return new ViewHolder(context, parent, layoutId, position); } return (ViewHolder) convertView.getTag(); } public View getConvertView() { return mConvertView; } /** * 通过控件的Id获取对于的控件。假设没有则增加views * * @param viewId * @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 ViewHolder setText(int viewId, String text) { TextView view = getView(viewId); view.setText(text); return this; } /** * 为ImageView设置图片 * * @param viewId * @param drawableId * @return */ public ViewHolder setImageResource(int viewId, int drawableId) { ImageView view = getView(viewId); view.setImageResource(drawableId); return this; } /** * 为ImageView设置图片 * * @param viewId * @param drawableId * @return */ public ViewHolder setImageBitmap(int viewId, Bitmap bm) { ImageView view = getView(viewId); view.setImageBitmap(bm); return this; } /** * 为ImageView设置图片 * * @param viewId * @param drawableId * @return */ public ViewHolder setImageByUrl(int viewId, String url) { ImageLoader.getInstance(3, Type.LIFO).loadImage(url, (ImageView) getView(viewId)); return this; } public int getPosition() { return mPosition; }}


如今的MainActivity仅仅须要这么写:

mAdapter = new CommonAdapter< String> (getApplicationContext(), R.layout.item_single_str, mDatas) { @Override protected void convert(ViewHolder viewHolder, String item) { viewHolder.setText(R.id.id_tv_title, item); } };


convertView里面仅仅要一行代码了~~~
好了,到此我们的通用的Adapter已经一步一步铸造完成~咋样,以后写项目省下来的时间是不是能够陪我切磋dota了(ps:11昵称:血魔哥404)~~
注:关于ViewHolder里面的setText,setImageResource这类的方法,大家能够在使用的过程中不断的完好。今天发现这个控件能够这么设置值,好,放进去;时间长了。基本就完好了。还有那个ImageLoader是我还有一篇博客里的,大家能够使用UIL。Volley或者自己写个图片载入器。
7、实践说了这么多,还是得拿出来让我们的实践检验检验,顺便来几张套图,俗话说,没图没正相。
1、我们的实例代码的图是这种:
Android 高速开发系列 打造万能的ListView GridView 适配器

文章图片

关于Adapter和ViewHolder的代码是这种:

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


哎哟,我是不是仅仅要贴一行;
2、来个复杂点的布局
【Android 高速开发系列 打造万能的ListView 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="wrap_content" android:background="#ffffff" android:orientation="vertical" android:padding="10dp" > < TextView android:id="@+id/tv_title" android:layout_width="match_parent" android:layout_height="wrap_content" android:singleLine="true" android:text="红色钱包" android:textSize="16sp" android:textColor="#444444" > < /TextView> < TextView android:id="@+id/tv_describe" android:layout_width="match_parent"




















    推荐阅读