欢迎访问移动开发之家(rcyd.net),关注移动开发教程。移动开发之家  移动开发问答|  每日更新
页面位置 : > > > 内容正文

Android体验高扩展艺术般的适配器,android体验适配器,这个适配器主要用于Ite

来源: 开发者 投稿于  被查看 20720 次 评论:7

Android体验高扩展艺术般的适配器,android体验适配器,这个适配器主要用于Ite


前言

本篇文章带大家体验一下一种具有扩展性的适配器写法。这个适配器主要用于Item有多种的情况下,当然只有一种类型也是适用的

实现

毫无疑问我们要继承BaseAdapter,重写getCount,getItemId,getItem,getView等方法,我们需要持有数据集,所以应该声明一个List的成员变量,同时还需要持有上下文对象Context,此外这个适配器是通用的,所以应该是泛型的,所以初步的代码应该是这样的。

public abstract class BaseTypeAdapter<T> extends BaseAdapter {
  protected List<T> mList;
  protected Context mContext;
  public BaseTypeAdapter( Context context,List<T> list) {
    mContext = context;
    mList = list;
  }
  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
    //待实现
  }
  @Override
  public int getCount() {
    return mList.size();
  }
  @Override
  public T getItem(int position) {
    return mList.get(position);
  }
  @Override
  public long getItemId(int position) {
    return position;
  }
}

常规的写法在getView方法里复用convertView,使用ViewHolder模式,对布局进行数据绑定,事件绑定等操作,我们考虑到扩展性,把这些操作都移到一个统一的类中进行编码,这个类为视图渲染类AdapterTypeRender,而这个视图渲染类应该有多个子类的实现,所以我们需要得到一个这样的对象,而得到的这个具体对象就交个我们适配器的子类去实现,我们只需要提供一个抽象方法即可,由于视图渲染类对应每个item的渲染可能不同,所以还需要传入一个position方法,如下

public abstract AdapterTypeRender getAdapterTypeRender(int position);

然后去实现我们的getView方法。这时候我们参考ViewHolder模式,常规的写法是如果convertView为null,则新建一个ViewHolder,通过setTag与convertView进行绑定,否则通过getTag拿到这个ViewHolder。这样,我们的视图渲染类也采用这种方式。

@Override
public View getView(int position, View convertView, ViewGroup parent) {
  AdapterTypeRender typeRender;
  if(null==convertView){
    typeRender=getAdapterTypeRender(position);
    //通过子类的实现拿到这个视图渲染类
    convertView=typeRender.getConvertView();
    //视图渲染类里拿到渲染后的视图
    convertView.setTag(R.id.item_render_type,typeRender);
    //通过setTag方法标记,由于有多处用到setTag,所以给定一个key,这个key在ids.xml里声明
    typeRender.bindEvents();
    //事件绑定
  }else{
    typeRender= (AdapterTypeRender) convertView.getTag(R.id.item_render_type);
    //否则就通过getTag拿到
  }
  convertView.setTag(R.id.item_position,position);
  //由于绑定事件用了同一个监听器,所以需要将位置传入,这里直接用satTag,之后再内部就可以拿到
  if(null!=typeRender){
    T item=(T)getItem(position);
    //拿到对应项的实体类
    typeRender.bindDatas(item);
    //进行数据绑定
  }
  return convertView;
}

对应的ids.xml文件为

<resources>
    <item name="item_render_type" type="id"/>
    <item name="item_position" type="id"/>
</resources>

视图渲染类有很多实现,所以应该抽取公共方法为接口,如下

public interface AdapterTypeRender<T> {
    View getConvertView();
    void bindEvents();
    void bindDatas(T item);
}

为了更简单的编码,我们实现一个基础的渲染器,其他渲染器继承这个渲染器即可。而这个渲染器内部应该有具有ViewHolder那样的功能,能够保存item各项的View,这里使用SparseArray实现。由于是通用的,所以这个渲染器也是泛型的。具体编码如下。

public abstract class BaseTypeRender<T> implements AdapterTypeRender<T> {
  protected Context mContext;
  protected BaseTypeAdapter<T> mBaseTypeAdapter;
  protected View mConvertView;
  public BaseTypeRender(Context context, BaseTypeAdapter<T> baseTypeAdapter, int resID) {
    mContext = context;
    mBaseTypeAdapter = baseTypeAdapter;
    mConvertView = ((LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE)).inflate(resID,null);
  }
  @Override
  public View getConvertView() {
    return mConvertView;
  }
  public static <V extends View> V obtainView(View convertView, int id) {
    SparseArray<View> holder = (SparseArray<View>) convertView.getTag();
    if (holder == null) {
      holder = new SparseArray<View>();
      convertView.setTag(holder);
    }
    View childView = holder.get(id);
    if (childView == null) {
      childView = convertView.findViewById(id);
      holder.put(id, childView);
    }
    return (V) childView;
  }
}

前面说过,我们复用了一个监听器,所以事件的点击等事件都需要传入一个position进行标记,而getView方法里我们已经将这个position通过setTag方法设置,所以我们还需要封装一下这个监听器,如下

public abstract class OnCovertViewClickListener implements View.OnClickListener {
  private View mConvertView;
  private int positionId;
  public OnCovertViewClickListener(View convertView, int positionId) {
    mConvertView = convertView;
    this.positionId = positionId;
  }
  @Override
  public void onClick(View v) {
    int position=(int)mConvertView.getTag(positionId);
    onClickCallBack(v,position);
  }
  public abstract void onClickCallBack(View convertView, int position);
}

至此,我们所有的编码基本结束,那么让我们来应用一下。

实践

我们要实现的效果呢,很简单,就是一个简单的聊天界面,布局很简单,代码就不贴了,这里先上一张效果图,不然心里是什么概念都不清楚。

160212x8p2px9p1lroa1az.jpg

由图可以看出,我们的item类型有两种,一种是头像在左,一种是头像在右,我们先来实现头像在左的渲染器,继承我们的基础渲染器即可,很明显,这个布局里面只有两个View,一个是头像,一个是消息内容,同时我们给这个渲染器设置事件监听,而这个监听器是在适配器中定义的。

public class TextFromRender extends BaseTypeRender<Message> {
  private TextView from;
  private ImageView photo;
  public TextFromRender(Context context, BaseTypeAdapter baseTypeAdapter) {
    super(context, baseTypeAdapter, R.layout.text_from_item);
  }
  @Override
  public void bindEvents() {
    //监听器
    OnCovertViewClickListener listener=new OnCovertViewClickListener(mConvertView,R.id.item_position) {
      @Override
      public void onClickCallBack(View convertView, int position) {
        switch (convertView.getId()){
          case R.id.photo:
            //如果点击的是头像
            MyAdapter.OnMessageItemListener messageItemListener=((MyAdapter) mBaseTypeAdapter).getOnMessageItemListener();
            if (null != messageItemListener) {
              messageItemListener.onPhotoClicked(position);
              //回调
            }
            break;
          case R.id.from:
            //如果点击的是消息
            MyAdapter.OnMessageItemListener messageItemListener1=((MyAdapter) mBaseTypeAdapter).getOnMessageItemListener();
            if (null != messageItemListener1) {
              messageItemListener1.onMessageClicked(position);
              //回调
            }
            break;
        }
      }
    };
    //设置监听器
    obtainView(mConvertView,R.id.photo).setOnClickListener(listener);
    obtainView(mConvertView,R.id.from).setOnClickListener(listener);
  }
  @Override
  public void bindDatas(Message item) {
    //绑定数据
    from= obtainView(mConvertView,R.id.from);
    from.setText(item.getContent());
  }
}

通样的,我们实现另一个渲染器,但是不给它设置事件点击,只进行数据绑定

public class TextToRender extends BaseTypeRender<Message> {
  private TextView to;
  public TextToRender(Context context, BaseTypeAdapter baseTypeAdapter) {
    super(context, baseTypeAdapter, R.layout.text_to_item);
  }
  @Override
  public void bindEvents() {
  }
  @Override
  public void bindDatas(Message item) {
    to= obtainView(mConvertView,R.id.to);
    to.setText(item.getContent());
  }
}

然后去实现我们的适配器,我们需要在其中定义渲染器中使用的监听器接口

public interface OnMessageItemListener{  void onPhotoClicked(int position);
  void onMessageClicked(int position);
}
private OnMessageItemListener onChatItemListener;
public void setOnMessageItemListener(OnMessageItemListener onChatItemListener) {
  this.onChatItemListener = onChatItemListener;
}
public OnMessageItemListener getOnMessageItemListener() {
  return onChatItemListener;
}

除此之外,继承BaseTypeAdapter方法,重写几个必要的方法即可。特别是重写父类的抽象函数getAdapterTypeRender,以及item类型的总数

public class MyAdapter extends BaseTypeAdapter<Message> {
  public MyAdapter(Context context, List<Message> list) {
    super(context, list);
  }
  @Override
  public AdapterTypeRender getAdapterTypeRender(int position) {
    AdapterTypeRender<Message> typeRender=null;
    switch (getItemViewType(position)){
      case Message.TYPE_FROM:
        typeRender=new TextFromRender(mContext,this);
        break;
      case Message.TYPE_TO:
        typeRender=new TextToRender(mContext,this);
        break;
    }
    return typeRender;
  }
  @Override
  public int getItemViewType(int position) {
    return mList.get(position).getType();
  }
  @Override
  public int getViewTypeCount() {
    return Message.TOTAL;
  }
  public interface OnMessageItemListener{
    void onPhotoClicked(int position);
    void onMessageClicked(int position);
  }
  private OnMessageItemListener onChatItemListener;
  public void setOnMessageItemListener(OnMessageItemListener onChatItemListener) {
    this.onChatItemListener = onChatItemListener;
  }
  public OnMessageItemListener getOnMessageItemListener() {
    return onChatItemListener;
  }
}

我们的消息实体类

public class Message{
  public static final int TYPE_FROM=0x00;
  public static final int TYPE_TO=0x01;
  public static final int TOTAL=2;
  private int type;
  private String content;
  public int getType() {
    return type;
  }
  public void setType(int type) {
    this.type = type;
  }
  public String getContent() {
    return content;
  }
  public void setContent(String content) {
    this.content = content;
  }
}

最后在Activity中使用即可

private void initView() {
  mListView= (ListView) findViewById(R.id.listview);
  mAdapter=new MyAdapter(this,mList);
  mListView.setAdapter(mAdapter);
  mAdapter.setOnMessageItemListener(new MyAdapter.OnMessageItemListener() {
    @Override
    public void onPhotoClicked(int position) {
      Toast.makeText(MainActivity.this, "from photo:"+position, Toast.LENGTH_SHORT).show();
    }
    @Override
    public void onMessageClicked(int position) {
      Message message=mAdapter.getItem(position);
      Toast.makeText(MainActivity.this, "from message:"+message.getContent(), Toast.LENGTH_SHORT).show();
    }
  });
}

总结

怎么样,是不是体验到了一种艺术般的写法,其实在某种程度上来说,这也是一个mvp模式,只不过是使用Adapter作为Presenter层,相关文章见 一种在android中实现MVP模式的新思路(https://github.com/bboyfeiyu/android-tech-frontier/tree/master/androidweekly/%E4%B8%80%E7%A7%8D%E5%9C%A8android%E4%B8%AD%E5%AE%9E%E7%8E%B0MVP%E6%A8%A1%E5%BC%8F%E7%9A%84%E6%96%B0%E6%80%9D%E8%B7%AF)

,其实吧,这种写法看上去很麻烦,写了很多代码,但是从长远来看,其扩展很灵活,不失为一种好的写法。掌握一种是一种,毕竟是一种知识的积累过程。


源码

http://download.csdn.net/detail/sbsujjbcy/8830671


作者:goodboy369

用户评论