登录 立即注册
安币:

安卓巴士 - 安卓开发 - Android开发 - 安卓 - 移动互联网门户

查看: 2191|回复: 24

Android体验高扩展艺术般的适配器

[复制链接]

57

主题

59

帖子

124

安币

程序猿

Rank: 2

发表于 2015-6-23 16:02:12 | 显示全部楼层 |阅读模式
前言

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

实现

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

[Java] 查看源文件 复制代码
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方法,如下

   
[Java] 查看源文件 复制代码
public abstract AdapterTypeRender getAdapterTypeRender(int position);

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

[Java] 查看源文件 复制代码
@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文件为

[XML] 查看源文件 复制代码
<resources>
    <item name="item_render_type" type="id"/>
    <item name="item_position" type="id"/>
</resources>

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

[Java] 查看源文件 复制代码
public interface AdapterTypeRender<T> {
    View getConvertView();
    void bindEvents();
    void bindDatas(T item);
}

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

[Java] 查看源文件 复制代码
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方法设置,所以我们还需要封装一下这个监听器,如下

[Java] 查看源文件 复制代码
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);
}

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

实践

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

Qfmqau6.jpg

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

[Java] 查看源文件 复制代码
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());
  }
}

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

[Java] 查看源文件 复制代码
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());
  }
}

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

[Java] 查看源文件 复制代码
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类型的总数

[Java] 查看源文件 复制代码
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;
  }
}

我们的消息实体类

[Java] 查看源文件 复制代码
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中使用即可

[Java] 查看源文件 复制代码
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


9

主题

372

帖子

1754

安币

Android大神

Rank: 6Rank: 6

QQ达人

发表于 2015-6-24 15:46:52 | 显示全部楼层
赞一个,{:Jump:}

0

主题

6

帖子

528

安币

代码手工艺人

Rank: 4

QQ达人

发表于 2015-6-25 08:55:44 | 显示全部楼层
好爽{:Skateboard:}

0

主题

31

帖子

554

安币

代码手工艺人

搬砖

Rank: 4

QQ达人

发表于 2015-6-26 17:33:41 | 显示全部楼层
学习方法,感谢 {:Snicker:}

0

主题

37

帖子

60

安币

程序猿

Rank: 2

发表于 2015-6-29 11:45:23 | 显示全部楼层
这个跟继承baseAdapter 的   public int getItemViewType(int position) public int getViewTypeCount() 比较,有优势吗?

0

主题

0

帖子

-24

安币

初级码农

Rank: 1

发表于 2015-7-10 00:16:27 | 显示全部楼层
支持一下,期待更多东西

0

主题

0

帖子

-24

安币

初级码农

Rank: 1

发表于 2015-7-20 12:47:31 | 显示全部楼层
支持!!!!前排!!!!

0

主题

0

帖子

-3

安币

限制会员

发表于 2015-7-31 14:50:06 | 显示全部楼层
顶起 很好的帖
*滑动验证:
高级模式
B Color Image Link Quote Code Smilies |上传

本版积分规则

站长推荐

通过邮件订阅最新安卓weekly信息
上一条 /4 下一条
联系我们
关闭
合作电话:
13802416937
Email:
[email protected]
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| 申请友链|手机版|站点统计|安卓巴士 ( 粤ICP备15117877号 )

快速回复 返回顶部 返回列表