android开发之ListView GridView适配器架构
来源:互联网 发布:数据统计专业哪里把 编辑:程序博客网 时间:2024/05/16 18:45
在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%真实公立医院医生的在线医疗健康咨询服务。","春雨天下")); }}
布局文件,我就不Copy了,不过还是给大伙看看效果图吧!
示例代码戳Here
- android开发之ListView GridView适配器架构
- Android开发之适配器ListView
- Android快速开发之设计通用的ListView,GridView的适配器
- Android 通用ListView、GridView适配器
- Android 快速开发系列 打造万能的ListView GridView 适配器
- Android 快速开发系列 打造万能的ListView GridView 适配器
- Android 快速开发系列 打造万能的ListView GridView 适配器
- Android 快速开发系列 打造万能的ListView GridView 适配器
- Android 快速开发系列 打造万能的ListView GridView 适配器
- Android 快速开发系列 打造万能的ListView GridView 适配器
- Android 快速开发系列 打造万能的ListView GridView 适配器
- Android 快速开发系列 打造万能的ListView GridView 适配器
- Android 快速开发系列 打造万能的ListView GridView 适配器
- Android 快速开发系列 打造万能的ListView GridView 适配器
- Android 快速开发系列 打造万能的ListView GridView 适配器
- Android 快速开发系列 打造万能的ListView GridView 适配器
- Android 快速开发系列 打造万能的ListView GridView 适配器
- Android 快速开发系列 打造万能的ListView GridView 适配器
- sql getdate() 时间格式设置
- Spring 3 REST hello world example
- 编写一个程序,它从标准输入读取C源代码,并验证所有的花括号都正确的成对出现
- POJ1328 Radar Installation 贪心
- crontab 设置定时任务
- android开发之ListView GridView适配器架构
- OJ 70之塑身菜单
- 详解括号匹配问题(STL stack)
- VS自定义工程向导开发(Custom Wizard)
- eWebEditor的使用
- /bin/bash^M: bad interpreter: 没有那个文件或目录
- JEE学习笔记之Tomcat中server.xml文件内各节点详解(一)
- Java集合类学习总结
- C#关于中国式的四舍五入