android打造万能的适配器

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

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

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

  

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

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，个人比较喜欢慕课网。