用MVC模式 code ListView

一，概述

ListView在开发中是经常使用的。一般的方式是：创造一个类继承BaseAdapter。给ListView设置Adapter。Adapter是连接后端数据和前端显示的适配器接口，是数据和UI（View）之间一个重要的纽带。在常见的View(ListView,GridView)等地方都需要用到Adapter。Eg：过年包饺子，已经有了饺子皮和饺子馅，就缺包饺子的工具了。这个工具就可以类比Adapter，饺子馅就类比Data，饺子皮就类比UI。那么下面就摆脱原始的方式，对Adapter进行抽取，通过MVC模式code你的ListView。

二， 原始代码

1.布局

<ListView
android:id="@+id/main_listview"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
</ListView>

2.java代码

class MainAdapter extends BaseAdapter {

@Override
public int getCount() {
if (mData != null) {
return mData.size();
}
return 0;
}

@Override
public Object getItem(int position) {
if (mData != null) {
return mData.get(position);
}

return null;
}

@Override
public long getItemId(int position) {
return position;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
if (convertView == null) {
holder = new ViewHolder();

convertView = View.inflate(getApplicationContext(),
R.layout.item_listview, null);
holder.tv1 = (TextView) convertView
.findViewById(R.id.item_tv_1);
holder.tv2 = (TextView) convertView
.findViewById(R.id.item_tv_2);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}

String data = mData.get(position);
holder.tv1.setText("标题" + data);
holder.tv2.setText("正文" + data);

return convertView;
}

}

class ViewHolder {
private TextView tv1;
private TextView tv2;
}

三， BaseAdapter简单的抽取

1.创建BaseSuperAdapter继承BaseAdapter

BaseSuperAdpter<T> extends BaseAdapter{

List<T> mData;

public BaseSuperAdpter(List<T> data) {
mData = data;
}

2.MainAdater继承BaseSuperAdapter（是什么数据类型，就传什么数据类型）

class MainAdapter extends BaseSuperAdpter<String>

四，getView的抽取

getView实际就干了两件事，inflateview和setData。

分析getView，有了View和数据，那么就可以做成MVC模式了，就缺一个控制器了。

从Holder入手，可以抽取成一个BaseHolder。作为控制器。

// 加载View
convertView = View.inflate(getApplicationContext(),
R.layout.item_listview, null);
holder.tv1 = (TextView) convertView
.findViewById(R.id.item_tv_1);
holder.tv2 = (TextView) convertView
.findViewById(R.id.item_tv_2);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}

// setData
String data = mData.get(position);
holder.tv1.setText("标题" + data);
holder.tv2.setText("正文" + data);

1.创建一个BaseHolder，BaseHolder的功能就是inflateview和setData了。

public abstract class BaseHolder<T> {

private View mRootView;
private T mData;

public BaseHolder(View rootView) {
mRootView = initView();
}

public View getRootView() {

return mRootView;
}

public void setData(T data) {
this.mData = data;
refreshUi(mData);
}

protected abstract void refreshUi(T data);
protected abstract View initView();}

mRootView和setData这两个都是基类不确定的，所以做成抽象方法。

2.修改BaseSuperAdapter的getView中的方法

BaseHolder holder = null;

if(convertView == null){
holder = getItemHolder();
convertView = holder.getRootView();
convertView.setTag(holder);
}else{
holder = (BaseHolder) convertView.getTag();
}

T data = mData.get(position);

holder.setData(data);

return convertView;
}

protected abstract BaseHolder<T> getItemHolder();

BaseHolder中的抽象方法initView和refreshUi在BaseSperHolder中也是无法确定的，所以写一个抽象方法holder是通过抽象方法getItemHolder()来得到的，让子类实现。

MianAdapter就只剩下构造函数和getItemHolder()方法了。

class MainAdapter extends BaseSuperAdpter<String> {

public MainAdapter(List<String> data) {
super(data);
}
@Override
protected BaseHolder<String> getItemHolder() {
// TODO Auto-generated method stub
return null;
}}

所以只需要些一个Holder继承BaseAdapter传进来就可以了

3.写一个MaimHolder继承BaseHolder

public class MainHolder extends BaseHolder<String> {
private TextView mTv1;
private TextView mTv2;

@Override
protected View initView() {
View view = View.inflate(BaseApplication.getContext(), R.layout.item_listview, null);
mTv1 = (TextView) view.findViewById(R.id.item_tv_1);
mTv2 = (TextView) view.findViewById(R.id.item_tv_2);

return view;
}

@Override
protected void updateUI(String data) {
mTv1.setText("标题"+data);
mTv2.setText("正文"+data);

}}

在initView里面加载布局。

在updateUI里面设置数据，显示在UI上。