荒废了两天,今天与大家分享一个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,个人比较喜欢慕课网。