目录.png
前言
新闻客户端开发中，经常看到数据流中有很多视图类型，类型有：新闻、图片、网页链接、视频、视频+文字、广告等等，这种情况下处理不好，则会导致代码臃肿，App 内存占用过高，列表卡顿。所以非常有必要对复杂 listView 进行一下优化。
MVP 模式使项目的整体结构更加清晰了，业务层、UI层、逻辑层进行了清晰的划分，那么实际项目中使用 MVP 模式后，最后有个疑问对于负责的 adapter 中该怎么运用 MVP 模式进行重写呢？
一、没有运用 MVP 实现复杂 ListView 适配器
以下代码是没有优化前的处理，功能简单，不加描述了，直接上代码。
注意添加新布局后，别忘记修改TYPE_COUNT,否则引起数组越界异常。
class CustomAdapter extends BaseAdapter {
static final int TYPE_DATA = 0;
static final int TYPE_IMAGE = 1;
static final int TYPE_COUNT = 2;
@Override
public int getCount() {
return null == mArrayList ? 0 : mArrayList.size();
}
@Override
public int getViewTypeCount() {
return TYPE_COUNT;
}
@Override
public int getItemViewType(int position) {
if (position == 0) {
return TYPE_IMAGE;
} else {
return TYPE_DATA;
}
}
@Override
public Object getItem(int position) {
return mArrayList.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// 1.初始化不同类型布局的控件
final ViewHolder viewHolder;
int type = getItemViewType(position);
if (convertView == null || convertView.getTag() == null) {
viewHolder = new ViewHolder();
switch (type) {
case TYPE_DATA:
convertView = View.inflate(mContext, R.layout.item_text, null);
viewHolder.tv_text = (TextView) convertView.findViewById(R.id.tv_text);
break;
case TYPE_IMAGE:
convertView = View.inflate(mContext, R.layout.item_image, null);
break;
}
convertView.setTag(viewHolder);
} else {
viewHolder = (ViewHolder) convertView.getTag();
}
// 2.渲染不同布局类型的数据
if (type == TYPE_DATA) {
renderData(viewHolder, position);
}
if (type == TYPE_IMAGE) {
}
return convertView;
}
}
// 抽取渲染不同类型数据的方法。防止getView()方法体过于复杂
private void renderData(ViewHolder viewHolder, int position) {
String title = mArrayList.get(position);
viewHolder.tv_text.setText(title);
}
// 所有类型的布局的控件都包含在内
static class ViewHolder {
public TextView tv_text;
public ImageView poster;
}
本代码实现方式参考广告联盟demo
二、使用 MVP 后高效渲染复杂 listView
每个 item 的数据处理是在单独一个 ViewHolder 上处理。
所有的 ViewHolder 所在包结构view >>> viewholder下面。
public class NewsListAdapter extends BaseAdapter {
private static final int TYPE_ONE = 0;
private static final int TYPE_TWO = 1;
private static final int TYPE_THR = 2;
private static final int TYPE_COUNT = 3;
private List<NewEntity> newsList;
...
@Override
public View getView(int position, View convertView, ViewGroup viewGroup) {
// 1.获取 item 对应的那组元素
NewEntity entity = newsList.get(position);
// 2. 创建各个 XXHolder 引用，假设有3个视图分别对应了3个Holder
OneHolder oneHolder;
TwoHolder twoHolder;
ThrHolder thrHolder;
// 3.
int type = getItemViewType(position);
switch(type) {
case TYPE_ONE:
if (convertView == null) {
convertView = View.inflate(mContext, R.layout.item_one, null);
oneHolder = new OneHolder(convertView);
convertView.setTag(oneHolder);
} else {
oneHolder = (OneHolder) convertView.getTag();
}
oneHolder.bindData(position, entity);
break;
case TYPE_TWO:
...
break;
}
return convertView;
}
}
每个 item 的数据处理是在单独一个 ViewHolder 上处理，ViewHolder 中的处理如下：
- 做 findViewById 和数据渲染的处理
public class OneHolder {
TextView tv_01;
TextView tv_02;
// 获取到每个Item View的引用
/**
* 可传入参数：convertView / datas
**/
//public OneHolder(View convertView) {
public OneHolder(View convertView, List<T> datas) {
this.mDatas = datas;
if (convertView != null) {
// 这里做 findViewById操作
tv_01 = (TextView)convertView.findViewById(R.id.tv_01);
}
}
/**
* 要显示的数据对象
* 可传入参数：position
**/
public void bindData(int position, NewEntity entity) {
String title = entity.getTitle();
tv_01.setText(String.valueOf(title));
}
}
有时候 ViewHolder 中想要操作 Adapter 中的 datas 这时候，可以在构造函数上加个参数
// 获取到每个Item View的引用
public OneHolder(View convertView, List<Object> list) {
if (convertView != null) {
// 这里做 findViewById操作
tv_01 = (TextView)convertView.findViewById(R.id.tv_01);
}
}
BaseHolder 简单抽取
public abstract class BaseHolder<T> {
public List<T> mDatas;
public void bindData(List<T> datas) {
this.mDatas = datas;
}
public BaseHolder(int position);
}
