Android进阶——RecycleView的使用之自定义聊天界面（三）

引言

最近在项目中有一项是智能语音识别和唤醒的功能，正好需要用到类似聊天的界面，一开始有点懵，后面再去看了一下官方说明文档，发现了一个无论是在AdapterView的Apdapter还是RecycleView的Adapter中常常被很多教程忽略的方法（先卖个关子），也间接导致了不了解的人走了很多弯路，还好我比较喜欢先看api，因为有些时候再第一次学的时忽略掉了一些api，没有走多少弯路，借助于这个方法瞬间思路豁然开朗。

一、RecycleView大致的工作流程

RecycleView得以正常完成基本的工作离不开RecycleView.Adapter和RecyclerView.LayoutManager，RecycleView相当于只是一个容器，如果没有Adapter那么它就没有任何价值。Acitivty通过布局加载RecycleView，然后触发对应的生命周期方法，去完成AdapterView的初始化工作：首先肯定是调用Adapter的构造方法——>然后调用getItemCount()方法——>getItemViewType()——>再调用onCreateViewHolder()来创建ViewHolder——>自然进入到ViewHolder的构造方法——>最后再到onBindViewHolder()把数据和View填充到ViewHolder里

创建第二个item时

二、自定义聊天界面的核心思路

我想通过上面的Log信息，已经不难看出来，RecycleView本身已经提供了这样的一个动态创建ItemView的机制，我们只需要在每次创建的时候，根据一个标记值去加载不同的布局创建不同的ViewHolder即可，而getItemViewType()正好提供了这个值，还传递到了onCreateViewHolder里。

• getItemViewType的原型

/** *如果不重写，默认返回0，代表该适配器所有Item都是一种布局。可以通过重写来实现在一个适配器里适配多种布局 */
int getItemViewType (int position)

• onCreateViewHolder(ViewGroup parent, int viewType)

三、实现自定义聊天界面

1、在Gradle脚本里引入RecycleView

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    testCompile 'junit:junit:4.12'
    compile 'com.jakewharton:butterknife:7.0.1'
    compile 'com.android.support:appcompat-v7:24.2.0'
    compile 'com.android.support:recyclerview-v7:24.0.0'
}

2、实现接收/发送信息时的item布局

这里有个小技巧：LinearLayout水平方向默认是从左到右布局的，但是可以通过设置gravity属性来改变布局的起点

item_response.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="10dp" android:gravity="left" android:orientation="horizontal">
    <ImageView  android:id="@+id/iv_response" android:layout_width="32dp" android:layout_height="32dp" android:src="@mipmap/ic_respnonse" />
    <TextView  android:id="@+id/tv_resopense" android:padding="2dp" android:layout_width="120dp" android:layout_height="30dp" android:gravity="center" android:textSize="20sp" android:background="@mipmap/delay_time_wait" android:text="Hi~~" />
</LinearLayout>

item_send.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="10dp" android:orientation="horizontal" android:gravity="right">
    <TextView  android:id="@+id/tv_send" android:layout_width="200dp" android:layout_height="30dp" android:textAlignment="center" android:padding="2dp" android:gravity="center" android:textSize="20sp" android:text="Hello!!~" android:background="@mipmap/delay_time_over" />
    <ImageView  android:id="@+id/iv_send" android:layout_width="32dp" android:layout_height="32dp" android:src="@mipmap/ic_send" />
</LinearLayout>

3、封装Bean实现Adapter

public class ChatBean {
    String content;
    Drawable drawable;//可以通过这个来修改头像
    int type;//用于标识告知Adpater应该创建的是哪一类的ItenView

    public ChatBean(String content, Drawable drawable, int type) {
        this.content = content;
        this.drawable = drawable;
        this.type = type;
    }

    public String getContent() {
        return content;
    }

    public void setContent(String content) {
        this.content = content;
    }

    public Drawable getDrawable() {
        return drawable;
    }

    public void setDrawable(Drawable drawable) {
        this.drawable = drawable;
    }

    public int getType() {
        return type;
    }

    public void setType(int type) {
        this.type = type;
    }
}

/*为了方便这个类是写在MainActivity里作为内部类的*/
class ChatAdapter extends RecyclerView.Adapter<ChatAdapter.ChatViewHolder> {

        private List<ChatBean> chatBeanList;
        private LayoutInflater inflater;

        public ChatAdapter(Context context,List<ChatBean> chatBeans){
            this.chatBeanList=chatBeans;
            this.inflater=LayoutInflater.from(context);
        }

        @Override
        public ChatViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            ChatViewHolder holder;
            //根据ViewType值创建不同的ViewHolder
            if(viewType==0) {
                holder = new ChatViewHolder(LayoutInflater.from(
                        MainActivity.this).inflate(R.layout.item_response, parent,
                        false));
            }
            else{
                holder = new ChatViewHolder(LayoutInflater.from(
                        MainActivity.this).inflate(R.layout.item_send, parent,
                        false));
            }
            return holder;
        }

        @Override
        public int getItemViewType(int position) {
            return chatBeanList.get(position).getType();//**返回集合Bean里的值作为标记值将传递到onCreateViewHolder里
        }

        @Override
        public void onBindViewHolder(ChatViewHolder holder, int position) {
            //这里只是简单的实现了设置聊天内容并未对头像处理
            if(chatBeanList.get(position).getType()==0) {
                holder.tvResponse.setText(chatBeanList.get(position).getContent());
            }else {
                holder.tvSend.setText(chatBeanList.get(position).getContent());
            }
        }

        @Override
        public int getItemCount() {
            return chatBeanList.size();
        }
        //简单实现的ViewHolder，开发中最好再做些优化可以参考上一篇
        class ChatViewHolder extends RecyclerView.ViewHolder {

            TextView tvResponse;
            TextView tvSend;

            public ChatViewHolder(View view) {
                super(view);
                tvResponse = (TextView) view.findViewById(R.id.tv_resopense);
                tvSend=(TextView)view.findViewById(R.id.tv_send);
            }
        }
    }

4、实现Activity

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.support.v7.widget.DefaultItemAnimator;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;

/** * @auther: Crazy.Mo * Date: 2016/10/11 * Time:01:01 * Des: */
public class MainActivity extends Activity {
    private RecyclerView recyclerView;
    private List<ChatBean> chatBeanList;
    private ChatAdapter chatAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        init();
    }

    private void getViews() {
        recyclerView = (RecyclerView) findViewById(R.id.listv_chatting);
    }

    private void initAdapter(){
        chatBeanList=new ArrayList<>();
        chatBeanList.add(new ChatBean("Hello~~~",null,0));
        chatBeanList.add(new ChatBean("Nice to meet U",null,1));
        chatBeanList.add(new ChatBean("Me tooo",null,0));
        chatBeanList.add(new ChatBean("LOL~~~",null,1));
        chatBeanList.add(new ChatBean("LOL~~~",null,1));
        chatBeanList.add(new ChatBean("LOL~~~",null,0));
    }
    private void initRecyclerView(){
        //设置布局管理器
        recyclerView.setLayoutManager(new LinearLayoutManager(this));
        //设置adapter
        recyclerView.setAdapter(new ChatAdapter(this, chatBeanList));
        //设置默认动画
        recyclerView.setItemAnimator(new DefaultItemAnimator());
    }

    private void init() {
        getViews();
        initAdapter();
        initRecyclerView();
    }
}