打造萬能Adapter(介面卡)——適用於ListView、GridListView
整理總結自鴻洋的部落格:http://blog.csdn.net/lmj623565791/article/details/38902805/
一、利用普通的Adapter實現ListView列表——這是最基礎的介面卡
以下程式碼是最普通的實現方法:
1、MainActiviy.java
public class MainActivity extends Activity { private List<String> mData = new ArrayList<String>(Arrays.asList("HongYang", "GuoLin", "RenYuGang", "Jiatao")); private Context context; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); context = this; setContentView(R.layout.activity_main); ListView listView = (ListView) findViewById(R.id.listview); MyAdapter mAdapter = new MyAdapter(context, mData); listView.setAdapter(mAdapter); } }
2、activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <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" tools:context=".act.MainActivity"> <ListView android:id="@+id/listview" android:layout_width="match_parent" android:layout_height="match_parent" /> </RelativeLayout>
3、MyAdapter.java
/** * Created by jiatao on 2016/6/10. * 這是最普通的介面卡: * MyAdapter繼承BaseAdapter,然後getView裡面使用ViewHolder模式; * 一般情況下,我們的寫法是這樣的:對於不同佈局的ListView,我們會有一個對應的Adapter,在Adapter中又會有一個ViewHolder類來提高效率。 * 這樣出現ListView就會出現與之對應的Adapter類、ViewHolder類; * 那麼有沒有辦法減少我們的編碼呢?第二部分中將初步實現 */ public class MyAdapter extends BaseAdapter { private LayoutInflater mLayoutInflater; private Context mContext; private List<String> mData; public MyAdapter(Context mContext, List<String> mData) { mLayoutInflater = LayoutInflater.from(mContext); this.mContext = mContext; this.mData = mData; } @Override public int getCount() { return mData == null ? 0 : mData.size(); } @Override public Object getItem(int position) { return mData.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder; if (convertView == null) { holder = new ViewHolder(); convertView = mLayoutInflater.inflate(R.layout.item_string_listview, parent, false); holder.tv_title = (TextView) convertView.findViewById(R.id.tv_title); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } holder.tv_title.setText(mData.get(position)); return convertView; } class ViewHolder { private TextView tv_title; } }
4、item_string_listview.xml
<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/tv_title"
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#aa111111"
android:gravity="center_vertical"
android:paddingLeft="15dp"
android:text="hello"
android:textColor="#ffffff"
android:textSize="20sp"
android:textStyle="bold">
</TextView>
二、打造通用的ViewHolder——使能在外部獲得ViewHolder、相關View控制元件、convertView
1、MainActiviy.java
同上
2、activity_main.xml
同上
3、ViewHolder.java
/**
* Created by jiatao on 2016/6/11.
* 通用的ViewHolder
* 1、ViewHolder的作用是通過convertView.setTag與convertView進行繫結,然後當convertView複用時,直接從與之對於的ViewHolder(getTag)中拿到convertView佈局中的控制元件,省去了findViewById的時間;
* 2、也就是說,實際上們每個convertView會繫結一個ViewHolder物件,這個viewHolder主要用於幫convertView儲存佈局中的控制元件;
* 3、那麼我們只要寫出一個通用的ViewHolder,然後對於任意的convertView,提供一個物件讓其setTag即可;
* 4、既然是通用,那麼我們這個ViewHolder就不可能含有各種控制元件的成員變量了,因為每個Item的佈局是不同的,最好的方式是什麼呢?
* 5、提供一個容器,專門存每個Item佈局中的所有控制元件,而且還要能夠查找出來;既然需要查詢,那麼ListView肯定是不行了,需要一個鍵值對進行儲存,鍵為控制元件的Id,值為控制元件的引用;
* 6、相信大家立刻就能想到Map;但是我們不用Map,因為有更好的替代類,就是我們android提供的SparseArray這個類,和Map類似,但是比Map效率,不過鍵只能為Integer.
*/
public class ViewHolder {
private SparseArray<View> mViews;
private View mConvertView;
//建構函式
private ViewHolder(Context context, int resLayoutId, ViewGroup parent) {
this.mViews = new SparseArray<View>();
this.mConvertView = LayoutInflater.from(context).inflate(resLayoutId, parent, false);
this.mConvertView.setTag(this);
}
//獲取一個ViewHolder
public static ViewHolder getHolder(Context context, int resLayoutId, View convertView, ViewGroup parent) {
if (convertView == null) {
return new ViewHolder(context, resLayoutId, parent);
}
return (ViewHolder) convertView.getTag();
}
//通過控制元件的id獲取對應的控制元件,如果沒有則加入mViews;記住 <T extends View> T 這種用法
public <T extends View> T getItemView(int viewId) {
View view = mViews.get(viewId);
if (view == null) {
view = mConvertView.findViewById(viewId);
mViews.put(viewId, view);
}
return (T) view;
}
//獲得一個convertView
public View getmConvertView() {
return mConvertView;
}
}
4、MyAdapter.java
/**
* Created by jiatao on 2016/6/10.
* 這是使用了通用的ViewHolder的介面卡
* 除了getView,其他方法都一樣:
* 1、呼叫ViewHolder的get方法:
* 如果convertView為null,new一個ViewHolder例項,通過使用mInflater.inflate載入佈局,然後new一個SparseArray用於儲存View,最後setTag(this);
* 如果存在那麼直接getTag;
* 2、通過getView(id)獲取控制元件,如果存在則直接返回,否則呼叫findViewById,返回儲存,返回。
* 3、最後通過holder.getmConvertView()返回檢視;
*/
public class MyAdapter extends BaseAdapter {
private LayoutInflater mLayoutInflater;
private Context mContext;
private List<String> mData;
public MyAdapter(Context mContext, List<String> mData) {
mLayoutInflater = LayoutInflater.from(mContext);
this.mContext = mContext;
this.mData = mData;
}
@Override
public int getCount() {
return mData == null ? 0 : mData.size();
}
@Override
public Object getItem(int position) {
return mData.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
//例項化一個ViewHolder
ViewHolder holder = ViewHolder.getHolder(mContext, R.layout.item_string_listview, convertView, parent);
//獲取控制元件
TextView view = holder.getItemView(R.id.tv_title);
//給控制元件賦值
view.setText(mData.get(position));
return holder.getmConvertView();
}
}
5、item_string_listview.xml
同上三、初步打造通用的Adapter——通過泛型支援所有資料集合,抽取公共方法封裝成抽象基類,對外開發getView方法
1、MainActiviy.java
同上
2、activity_main.xml
同上
3、ViewHolder.java
同上
4、ComAdapter.java
/**
* Created by jiatao on 2016/6/11.
* 通用的介面卡
* 1、<span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px;">ComAdapter</span><span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif;">需要保持一個List物件,儲存一個Bean的集合,不同的ListView,Bean肯定是不同的,這個ComAdapter肯定需要支援泛型,內部維持一個List<T></span>
* 2、ComAdapter是一個抽象類,提取getView以外的方法,getView方法留給子類去實現
*/
public abstract class ComAdapter<T> extends BaseAdapter {
protected LayoutInflater mLayoutInflater;
protected Context mContext;
protected List<T> mData;
public ComAdapter(Context mContext, List<T> mData) {
mLayoutInflater = LayoutInflater.from(mContext);
this.mContext = mContext;
this.mData = mData;
}
@Override
public int getCount() {
return mData == null ? 0 : mData.size();
}
@Override
public Object getItem(int position) {
return mData.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
}
5、MyAdapter.java
/**
* Created by jiatao on 2016/6/11.
* 繼承ComAdapter抽象類,而且使用了通用的ViewHolder的介面卡
*/
public class MyAdapter<T> extends ComAdapter {
public MyAdapter(Context mContext, List<T> mData){
super(mContext, mData);
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
//例項化一個ViewHolder
ViewHolder holder = ViewHolder.getHolder(mContext, R.layout.item_string_listview, convertView, parent);
//獲取控制元件
TextView view = holder.getItemView(R.id.tv_title);
//給控制元件賦值
view.setText((String) mData.get(position));
return holder.getmConvertView();
}
}
6、item_string_listview.xml
同上
四、進一步打造通用的Adapter——使用匿名內部類獲得介面卡
1、MainActiviy.java
public class MainActivity extends Activity {
private List<String> mData = new ArrayList<String>(Arrays.asList("HongYang", "GuoLin", "RenYuGang", "Jiatao"));
private Context context;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
context = this;
setContentView(R.layout.activity_main);
ListView listView = (ListView) findViewById(R.id.listview);
//直接使用匿名內部類即可取得介面卡
ComAdapter mAdapter = new ComAdapter<String>(context, mData, R.layout.item_string_listview) {
@Override
public void convert(ViewHolder holder, String item) {//通過ViewHolder找到iew,通過Item設定值
TextView view =holder.getItemView(R.id.tv_title);
view.setText(item);
}
};
listView.setAdapter(mAdapter);
}
}
2、activity_main.xml
同上
3、ViewHolder.java
同上
4、ComAdapter.java
/**
* Created by jiatao on 2016/6/11.
* 通用的介面卡
* 1、所有的Adapter的第一行(ViewHolder viewHolder = getViewHolder(position, convertView,parent);)和 最後一行:return viewHolder.getConvertView();一定是一樣的。
* 2、那麼我們可以這樣做:我們把第一行和最後一行寫死,把中間變化的部分抽取出來,這不就是OO的設計原則嘛。
*/
public abstract class ComAdapter<T> extends BaseAdapter {
protected LayoutInflater mLayoutInflater;
protected Context mContext;
protected List<T> mData;
protected int mItemLayoutId;
public ComAdapter(Context mContext, List<T> mData, int mItemLayoutId) {
mLayoutInflater = LayoutInflater.from(mContext);
this.mContext = mContext;
this.mData = mData;
this.mItemLayoutId = mItemLayoutId;
}
@Override
public int getCount() {
return mData == null ? 0 : mData.size();
}
@Override
public T getItem(int position) {
return mData.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
//例項化一個ViewHolder
ViewHolder holder = getViewHolder(position, convertView, parent);
//使用對外公開的convert方法,通過ViewHolder把View找到,通過Item設定值
convert(holder, getItem(position));
return holder.getmConvertView();
}
private ViewHolder getViewHolder(int position, View convertView, ViewGroup parent){
return ViewHolder.getHolder(mContext, mItemLayoutId, convertView, parent);
}
/**
* 對外公佈了一個convert方法,並且還把ViewHolder和本item對應的Bean物件給傳出去
* 現在convert方法裡面需要幹嘛呢?通過ViewHolder把View找到,通過Item設定值
*/
public abstract void convert(ViewHolder holder, T item);
}
5、MyAdapter.java
不再使用,刪除即可
6、item_string_listview.xml
同上
五、打造終極版通用Adapter——進一步完善ViewHolder使匿名內部類中convert方法只需一行程式碼即能給對應的view賦值
1、MainActiviy.java
/**
* 通過匿名內部類獲得介面卡,適配內的convert方法只需一行程式碼即可為對應的view賦值
*/
public class MainActivity extends Activity {
private List<String> mData = new ArrayList<String>(Arrays.asList("HongYang", "GuoLin", "RenYuGang", "Jiatao"));
private Context context;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
context = this;
setContentView(R.layout.activity_main);
ListView listView = (ListView) findViewById(R.id.listview);
//直接使用匿名內部類即可取得介面卡
ComAdapter mAdapter = new ComAdapter<String>(context, mData, R.layout.item_string_listview) {
@Override
public void convert(ViewHolder holder, String item) {//通過ViewHolder找到view,通過Item設定值
holder.setTextView(R.id.tv_title, item);//只需一行程式碼即可實現:給對應的view賦值
}
};
listView.setAdapter(mAdapter);
}
}
2、activity_main.xml
同上
3、ViewHolder.java
/**
* Created by jiatao on 2016/6/11.
* 通用的ViewHolder
* 1、ViewHolder的作用是通過convertView.setTag與convertView進行繫結,然後當convertView複用時,直接從與之對於的ViewHolder(getTag)中拿到convertView佈局中的控制元件,省去了findViewById的時間;
* 2、也就是說,實際上們每個convertView會繫結一個ViewHolder物件,這個viewHolder主要用於幫convertView儲存佈局中的控制元件;
* 3、那麼我們只要寫出一個通用的ViewHolder,然後對於任意的convertView,提供一個物件讓其setTag即可;
* 4、既然是通用,那麼我們這個ViewHolder就不可能含有各種控制元件的成員變量了,因為每個Item的佈局是不同的,最好的方式是什麼呢?
* 5、提供一個容器,專門存每個Item佈局中的所有控制元件,而且還要能夠查找出來;既然需要查詢,那麼ListView肯定是不行了,需要一個鍵值對進行儲存,鍵為控制元件的Id,值為控制元件的引用;
* 6、相信大家立刻就能想到Map;但是我們不用Map,因為有更好的替代類,就是我們android提供的SparseArray這個類,和Map類似,但是比Map效率,不過鍵只能為Integer.
* <p/>
* 最後的封裝:
* 我們現在在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);
*/
public class ViewHolder {
private SparseArray<View> mViews;
private View mConvertView;
//建構函式
private ViewHolder(Context context, int resLayoutId, ViewGroup parent) {
this.mViews = new SparseArray<View>();
this.mConvertView = LayoutInflater.from(context).inflate(resLayoutId, parent, false);
this.mConvertView.setTag(this);
}
//獲取一個ViewHolder
public static ViewHolder getHolder(Context context, int resLayoutId, View convertView, ViewGroup parent) {
if (convertView == null) {
return new ViewHolder(context, resLayoutId, parent);
}
return (ViewHolder) convertView.getTag();
}
//通過控制元件的id獲取對應的控制元件,如果沒有則加入mViews;記住 <T extends View> T 這種用法
public <T extends View> T getItemView(int viewId) {
View view = mViews.get(viewId);
if (view == null) {
view = mConvertView.findViewById(viewId);
mViews.put(viewId, view);
}
return (T) view;
}
//獲得一個convertView
public View getmConvertView() {
return mConvertView;
}
/**
* 為TextView賦值
*/
public void setTextView(int viewId, String text) {
TextView view = getItemView(viewId);
view.setText(text);
}
/**
* 為ImageView賦值——drawableId
*/
public void setImageResource(int viewId, int drawableId) {
ImageView view = getItemView(viewId);
view.setImageResource(drawableId);
}
/**
* 為ImageView賦值——bitmap
*/
public void setImageBitmap(int viewId, Bitmap bitmap) {
ImageView view = getItemView(viewId);
view.setImageBitmap(bitmap);
}
}
4、ComAdapter.java
同上5、MyAdapter.java
不再使用,刪除即可
6、item_string_listview.xml
同上
六、例項運用
1、MainActiviy.java
/**
* 運用萬能介面卡實現複雜檢視的例項
*/
public class MainActivity extends Activity {
private List<ArticleBean> beanlist;
private Context context;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
context = this;
setContentView(R.layout.activity_main);
ListView listView = (ListView) findViewById(R.id.listview);
beanlist = new ArrayList<ArticleBean>();
for(int i=1;i<10;i++){
ArticleBean bean = new ArticleBean("文章"+i,"內容"+i+":週三早上丟失了紅色錢包,在食堂二樓","2016060"+i,"1718013691"+i);
beanlist.add(bean);
}
//直接使用匿名內部類即可取得介面卡
ComAdapter mAdapter = new ComAdapter<ArticleBean>(context, beanlist, R.layout.item_example_listview) {
@Override
public void convert(ViewHolder holder, ArticleBean item) {//通過ViewHolder找到view,通過Item設定值
holder.setTextView(R.id.tv_title, item.getTitle());
holder.setTextView(R.id.tv_describe, item.getContent());
holder.setTextView(R.id.tv_time, item.getTime());
holder.setTextView(R.id.tv_phone, item.getPhone());
}
};
listView.setAdapter(mAdapter);
}
}
2、activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<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"
tools:context=".act.MainActivity">
<ListView
android:id="@+id/listview"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</RelativeLayout>
3、ViewHolder.java
public class ViewHolder {
private SparseArray<View> mViews;
private View mConvertView;
//建構函式
private ViewHolder(Context context, int resLayoutId, ViewGroup parent) {
this.mViews = new SparseArray<View>();
this.mConvertView = LayoutInflater.from(context).inflate(resLayoutId, parent, false);
this.mConvertView.setTag(this);
}
//獲取一個ViewHolder
public static ViewHolder getHolder(Context context, int resLayoutId, View convertView, ViewGroup parent) {
if (convertView == null) {
return new ViewHolder(context, resLayoutId, parent);
}
return (ViewHolder) convertView.getTag();
}
//通過控制元件的id獲取對應的控制元件,如果沒有則加入mViews;記住 <T extends View> T 這種用法
public <T extends View> T getItemView(int viewId) {
View view = mViews.get(viewId);
if (view == null) {
view = mConvertView.findViewById(viewId);
mViews.put(viewId, view);
}
return (T) view;
}
//獲得一個convertView
public View getmConvertView() {
return mConvertView;
}
/**
* 為TextView賦值
*/
public ViewHolder setTextView(int viewId, String text) {
TextView view = getItemView(viewId);
view.setText(text);
return this;
}
/**
* 為ImageView賦值——drawableId
*/
public ViewHolder setImageResource(int viewId, int drawableId) {
ImageView view = getItemView(viewId);
view.setImageResource(drawableId);
return this;
}
/**
* 為ImageView賦值——bitmap
*/
public ViewHolder setImageBitmap(int viewId, Bitmap bitmap) {
ImageView view = getItemView(viewId);
view.setImageBitmap(bitmap);
return this;
}
}
4、ComAdapter.java
public abstract class ComAdapter<T> extends BaseAdapter {
protected LayoutInflater mLayoutInflater;
protected Context mContext;
protected List<T> mData;
protected int mItemLayoutId;
public ComAdapter(Context mContext, List<T> mData, int mItemLayoutId) {
mLayoutInflater = LayoutInflater.from(mContext);
this.mContext = mContext;
this.mData = mData;
this.mItemLayoutId = mItemLayoutId;
}
@Override
public int getCount() {
return mData == null ? 0 : mData.size();
}
@Override
public T getItem(int position) {
return mData.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
//例項化一個ViewHolder
ViewHolder holder = getViewHolder(position, convertView, parent);
//使用對外公開的convert方法,通過ViewHolder把View找到,通過Item設定值
convert(holder, getItem(position));
return holder.getmConvertView();
}
private ViewHolder getViewHolder(int position, View convertView, ViewGroup parent){
return ViewHolder.getHolder(mContext, mItemLayoutId, convertView, parent);
}
/**
* 對外公佈了一個convert方法,並且還把ViewHolder和本item對應的Bean物件給傳出去
* 現在convert方法裡面需要幹嘛呢?通過ViewHolder把View找到,通過Item設定值
*/
public abstract void convert(ViewHolder holder, T item);
}
5、item_string_listview.xml
<?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:textColor="#444444"
android:textSize="16sp"></TextView>
<TextView
android:id="@+id/tv_describe"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/tv_title"
android:layout_marginTop="10dp"
android:maxLines="2"
android:minLines="1"
android:text="週三早上丟失了紅色錢包,在食堂二樓"
android:textColor="#898989"
android:textSize="16sp"></TextView>
<TextView
android:id="@+id/tv_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/tv_describe"
android:layout_marginTop="10dp"
android:text="20130240122"
android:textColor="#898989"
android:textSize="12sp"></TextView>
<TextView
android:id="@+id/tv_phone"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_below="@id/tv_describe"
android:layout_marginTop="10dp"
android:background="#5cbe6c"
android:drawableLeft="@mipmap/icon_photo"
android:drawablePadding="5dp"
android:paddingBottom="3dp"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:paddingTop="3dp"
android:text="138024249542"
android:textColor="#ffffff"
android:textSize="12sp"></TextView>
</RelativeLayout>
執行結果如圖: