转载

android打造万能的适配器

荒废了两天,今天与大家分享一个ListView的适配器

前段时间在学习慕课网的视频,觉得这种实现方式较好,便记录了下来,最近的项目中也使用了多次,节省了大量的代码,特此拿来与大家分享一下。

还是先看图片,这里我模仿博客园App的列表样式做了一个静态的数据列表

android打造万能的适配器 android打造万能的适配器

这里用到的类比较多,不过核心的只有两个,其余均为演示所用,先来看核心的两个类

ViewHolderM.java

package landptf.tools; import android.content.Context; import android.text.Spanned; import android.util.SparseArray; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.TextView; /**  * @author landptf  * 公共的ViewHolder  */ public class ViewHolderM {  private SparseArray<View> viewArray;  private int position;  private View mConvertView;  private Object tag;  /**    * 构造方法   * @param context   * @param convertView   * @param parent   * @param layoutId   * @param position   */  public ViewHolderM(Context context, View convertView, ViewGroup parent,    int layoutId, int position) {   this.position = position;   //使用SparseArray效率高一些   viewArray = new SparseArray<View>();   //加载布局   mConvertView = LayoutInflater.from(context).inflate(layoutId, parent,false);   //将ViewHolderM赋值给View的Tag   mConvertView.setTag(this);  }  public static ViewHolderM get(Context context, View convertView,    ViewGroup parent, int layoutId, int position) {   if (convertView == null) {    //如果convertView为空,则实例化ViewHolderM    return new ViewHolderM(context, convertView, parent, layoutId,position);   } else {    //否则从convertView的Tag中取出ViewHolderM,避免重复创建     ViewHolderM holder = (ViewHolderM) convertView.getTag();    holder.position = position;    return holder;   }  }  public View getConvertView() {   return mConvertView;  }  public Object getTag() {   return tag;  }  public void setTag(Object tag) {   this.tag = tag;  }  public int getPosition() {   return position;  }  public void setPosition(int position) {   this.position = position;  }  /**   * 通过viewId获取控件对象   * @param viewId   * @return   */  @SuppressWarnings("unchecked")  public <T extends View> T getView(int viewId) {   View view = viewArray.get(viewId);   if (view == null) {    view = mConvertView.findViewById(viewId);    viewArray.put(viewId, view);   }   return (T) view;  }  /**------------------------------------华丽的分割线------------------------------------*/  /**以下方法为额外封装的方法,只是简单几个,以后可以慢慢完善*/  /**   * 设置TextView的内容   * @param viewId   * @param text   * @return   */  public ViewHolderM setText(int viewId, String text) {   TextView tv = getView(viewId);   tv.setText(text);   return this;  }  /**   * 设置TextView的内容   * @param viewId   * @param text,Spanned类型,可设置部分字体变色   * @return   */  public ViewHolderM setText(int viewId, Spanned text) {   TextView tv = getView(viewId);   tv.setText(text);   return this;  }  /**   * 设置图片的可见性   * @param viewId   * @param visible   * @return   */  public ViewHolderM setImageViewVisible(int viewId, Boolean visible){   ImageView iv = getView(viewId);   if (visible) {    iv.setVisibility(View.VISIBLE);   }else {    iv.setVisibility(View.GONE);   }   return this;  } } 

2 AdapterM.java

package landptf.tools; import java.util.List; import android.content.Context; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; /**  * @author landptf  * 公共的Adapter List适配器  */ public abstract class AdapterM<T> extends BaseAdapter {  private Context context;  //为丰富程序功能,提供了两种常见的数据类型  private List<T> dataList = null;//数据源List<T>  private T[] dataArray = null;//数据源T[]  //布局文件ID  private int layoutId;  /**   * 构造方法   * @param context   * @param layoutId   * @param dataList   */  public AdapterM(Context context,int layoutId, List<T> dataList) {   this.context = context;   this.dataList = dataList;   this.layoutId = layoutId;  }  /**   * 构造方法(与上一个只有数据源不同)   * @param context   * @param layoutId   * @param dataArray   */  public AdapterM(Context context,int layoutId, T[] dataArray) {   this.context = context;   this.dataArray = dataArray;   this.layoutId = layoutId;  }  @Override  public int getCount() {   if (dataList != null) {    return dataList.size();   }else {    return dataArray.length;   }  }  @Override  public T getItem(int position) {   if (dataList != null) {    return dataList.get(position);   }else {    return dataArray[position];   }  }  @Override  public long getItemId(int position) {   return position;  }  @Override  public View getView(int position, View convertView, ViewGroup parent) {   ViewHolderM holder = new ViewHolderM(context, convertView, parent,layoutId, position);   convert(holder,getItem(position));   return holder.getConvertView();  }  /**   * 需实现的抽象方法   * @param holder   * @param model   */  public abstract void convert(ViewHolderM holder, T model); } 

接下来看布局文件,一共两个一个是activity的页面,一个列表项activity_list.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="match_parent"  android:background="#EFEFEF" >   <include android:id="@+id/title" layout="@layout/child_titlebarm" />   <ListView     android:id="@+id/lv_list"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:layout_below="@+id/title"    android:layout_marginTop="10dp"    android:background="@android:color/white"    android:divider="#A9A9A9"     android:dividerHeight="1dp">   </ListView> </RelativeLayout> 

item_messgae.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="wrap_content"  tools:ignore="HardcodedText" >  <TextView   android:id="@+id/tv_title"   android:layout_width="match_parent"   android:layout_height="wrap_content"   android:layout_marginLeft="10dp"   android:layout_marginRight="10dp"   android:layout_marginTop="10dp"   android:maxLines="2"   android:textColor="#696969"   android:textSize="20sp" />  <TextView   android:id="@+id/tv_content"   android:layout_width="match_parent"   android:layout_height="wrap_content"   android:layout_alignLeft="@+id/tv_title"   android:layout_below="@+id/tv_title"   android:layout_marginRight="10dp"   android:layout_marginTop="10dp"   android:maxLines="3"   android:textColor="#696969"   android:textSize="16sp" />  <TextView   android:id="@+id/tv_comment"   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:layout_alignLeft="@+id/tv_content"   android:layout_below="@+id/tv_content"   android:layout_marginTop="10dp"   android:textColor="#696969"   android:textSize="18sp" />  <TextView   android:id="@+id/tv_read"   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:layout_alignTop="@+id/tv_comment"   android:layout_centerHorizontal="true"   android:textColor="#696969"   android:textSize="18sp" />  <TextView   android:id="@+id/tv_collect"   android:layout_width="wrap_content"   android:layout_height="wrap_content"   android:layout_alignTop="@+id/tv_read"   android:layout_alignParentRight="true"   android:layout_marginRight="10dp"   android:text="立马收藏"   android:textColor="#696969"   android:textSize="18sp" /> </RelativeLayout> 

接下来我们定义了一个Adapter类继承AdapterM,ListAdapter.java

package landptf.test; import landptf.control.R; import android.content.Context; import landptf.tools.AdapterM; import landptf.tools.ViewHolderM; /**  * @author landptf  * ListAdapter List适配器  */ public class ListAdapter extends AdapterM<MessageBean>{  public ListAdapter(Context context, int layoutId, MessageBean[] dataArray) {   super(context, layoutId, dataArray);  }  @Override  public void convert(ViewHolderM holder, MessageBean model) {   // 为个控件绑定内容   holder.setText(R.id.tv_title, model.getTitle());   holder.setText(R.id.tv_content, model.getContent());   holder.setText(R.id.tv_comment, model.getComment() + "条评论");   holder.setText(R.id.tv_read, model.getRead() + "阅读");  } } 

最后是Activity类,ListActivity.java

package landptf.test; import landptf.control.R; import landptf.control.TitleBarM; import android.app.Activity; import android.os.Bundle; import android.widget.ListView; /**  * @author landptf  * List适配器测试类  */ public class ListActivity extends Activity{  //这里用到了之前的自定义标题栏  //如果感兴趣可以看一下我的上一篇博客,否则忽略即可   private TitleBarM tbTitle;  //ListView对象  private ListView lvList;  //自定义Adapter  private ListAdapter listAdapter;  //数据源实体,这里用数组作为示例,大家也可以选择使用List作为数据源  private MessageBean[] msgArray;  @Override  protected void onCreate(Bundle savedInstanceState) {   super.onCreate(savedInstanceState);   setContentView(R.layout.activity_list);   initView();  }  private void initView() {   tbTitle = (TitleBarM) findViewById(R.id.tbm_title);   tbTitle.setTitleText("打造万能的适配器");   initData();   lvList = (ListView) findViewById(R.id.lv_list);   listAdapter = new ListAdapter(this, R.layout.item_message, msgArray);   lvList.setAdapter(listAdapter);  }  //装载数据  private void initData() {   msgArray = new MessageBean[10];   msgArray[0] = new MessageBean("Android 自定义标题栏", "今天来看一下如何通过组合多个控件实现自定义标题栏众所周知,标题栏是应用中必不可少的控件,为了避免多次重写,将其封装起来,供每个布局调用即可。这里我们采用经典的左中右布局,也可以根据项目需要自行调整,比如在右侧再加一个控件,或者将标题偏左都可以注:其中应用到了上一篇文章中的ButtonM控件,大家可以", 0, 273);   msgArray[1] = new MessageBean("android自定义控件,动态设置Button样式", "今天来看一个通过重写Button来动态实现一些效果,如圆角矩形、圆形、按下改变字体,改变背景色,改变背景图等在此说明一下,这种实现方式绝对不是唯一的,而且通过xml文件即可简单实现,这样做只是为了将控件的样式完全由代码实现,更方便打包应用于其他项目下面来看几张效果图: 图1 初始状态 图2 按下第一", 0, 400);   msgArray[2] = new MessageBean("Android 自定义控件实现TextView按下后字体颜色改变", "今天跟大家分享一下Android自定义控件入门,先介绍一个简单的效果TextView,按下改变字体颜色,后期慢慢扩展更强大的功能直接看图片 第一张是按下后截的图,功能很简单,也很容易实现,下面来看一下如何通过重写TextView来实现一共三个文件 TextViewM.java,MainActivit", 0, 202);   msgArray[3] = new MessageBean("Android 自定义标题栏", "今天来看一下如何通过组合多个控件实现自定义标题栏众所周知,标题栏是应用中必不可少的控件,为了避免多次重写,将其封装起来,供每个布局调用即可。这里我们采用经典的左中右布局,也可以根据项目需要自行调整,比如在右侧再加一个控件,或者将标题偏左都可以注:其中应用到了上一篇文章中的ButtonM控件,大家可以", 0, 273);   msgArray[4] = new MessageBean("android自定义控件,动态设置Button样式", "今天来看一个通过重写Button来动态实现一些效果,如圆角矩形、圆形、按下改变字体,改变背景色,改变背景图等在此说明一下,这种实现方式绝对不是唯一的,而且通过xml文件即可简单实现,这样做只是为了将控件的样式完全由代码实现,更方便打包应用于其他项目下面来看几张效果图: 图1 初始状态 图2 按下第一", 0, 400);   msgArray[5] = new MessageBean("Android 自定义控件实现TextView按下后字体颜色改变", "今天跟大家分享一下Android自定义控件入门,先介绍一个简单的效果TextView,按下改变字体颜色,后期慢慢扩展更强大的功能直接看图片 第一张是按下后截的图,功能很简单,也很容易实现,下面来看一下如何通过重写TextView来实现一共三个文件 TextViewM.java,MainActivit", 0, 202);   msgArray[6] = new MessageBean("Android 自定义标题栏", "今天来看一下如何通过组合多个控件实现自定义标题栏众所周知,标题栏是应用中必不可少的控件,为了避免多次重写,将其封装起来,供每个布局调用即可。这里我们采用经典的左中右布局,也可以根据项目需要自行调整,比如在右侧再加一个控件,或者将标题偏左都可以注:其中应用到了上一篇文章中的ButtonM控件,大家可以", 0, 273);   msgArray[7] = new MessageBean("android自定义控件,动态设置Button样式", "今天来看一个通过重写Button来动态实现一些效果,如圆角矩形、圆形、按下改变字体,改变背景色,改变背景图等在此说明一下,这种实现方式绝对不是唯一的,而且通过xml文件即可简单实现,这样做只是为了将控件的样式完全由代码实现,更方便打包应用于其他项目下面来看几张效果图: 图1 初始状态 图2 按下第一", 0, 400);   msgArray[8] = new MessageBean("Android 自定义控件实现TextView按下后字体颜色改变", "今天跟大家分享一下Android自定义控件入门,先介绍一个简单的效果TextView,按下改变字体颜色,后期慢慢扩展更强大的功能直接看图片 第一张是按下后截的图,功能很简单,也很容易实现,下面来看一下如何通过重写TextView来实现一共三个文件 TextViewM.java,MainActivit", 0, 202);   msgArray[9] = new MessageBean("Android 自定义标题栏", "今天来看一下如何通过组合多个控件实现自定义标题栏众所周知,标题栏是应用中必不可少的控件,为了避免多次重写,将其封装起来,供每个布局调用即可。这里我们采用经典的左中右布局,也可以根据项目需要自行调整,比如在右侧再加一个控件,或者将标题偏左都可以注:其中应用到了上一篇文章中的ButtonM控件,大家可以", 0, 273);  } } 

以上便是全部代码,这样以后再新增其他ListView都不需要再定义一个Adapter,一个ViewHolder,上面的ListAdapter也可以不需要,直接在Activity里实现定义AdapterM即可,但是一些复杂的列表项还是建议自定义一个Adapter去继承AdapterM.

最后本着互联网开放、分享的精神,将原视频地址附上http://www.imooc.com/learn/372,个人比较喜欢慕课网。

正文到此结束
Loading...