Android RecycleView和线型布局制作聊天布局

目录

• 一、首先在主布局中，用帧布局来填充 RecycleView 和 两个模拟发送消息的Button
• 二、在一个布局中，加载左边好友发送消息的布局，然后是自己发送消息的右边布局
• 三、在MsgRecyclerViewActivity 中绑定控件和适配器
• 四、设置适配器
• 总结

一、首先在主布局中，用帧布局来填充 RecycleView 和 两个模拟发送消息的Button

如下图所示：

二、在一个布局中，加载左边好友发送消息的布局，然后是自己发送消息的右边布局

如图所示：

右边的布局

如图所示：

三、在MsgRecyclerViewActivity 中绑定控件和适配器

package com.example.mychat_layout.updata;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import com.example.mychat_layout.R;
import java.util.ArrayList;
import java.util.List;

public class MsgRecyclerViewActivity extends AppCompatActivity {
    private List msgList = new ArrayList<>();
    private EditText inputText;
    private Button send, mTestClick;
    private RecyclerView msgRecyclerView;
    private MsgAdapter adapter;
    private RecyclerView mTestView;
    private Button mTestClick1;
    private EditText mInputMe;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main_activityrecycle);
        initView();
    }
    private void initView() {
        //编辑文字
        mInputMe = (EditText) findViewById(R.id.input_me);
        msgRecyclerView = (RecyclerView) findViewById(R.id.test_view);
        mTestClick = (Button) findViewById(R.id.test_click);
        //初始化布局管理器
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        msgRecyclerView.setLayoutManager(layoutManager);
        //初始化适配器
        adapter = new MsgAdapter(msgList);
        msgRecyclerView.setAdapter(adapter);
        send = findViewById(R.id.test_click1);//左

    }
    @Override
    protected void onResume() {
        super.onResume();
        send.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                //此处的content的内容可以来自服务器接收到的消息，不能再主线程运行
                Msg msg = new Msg("很好笑", Msg.TYPEE_RECEIVED);
                msg.setFromname("张三");
                msgList.add(msg);
                adapter.notifyItemInserted(msgList.size() - 1);//当有新消息时，刷新RecyclerView中的显示
                msgRecyclerView.scrollToPosition(msgList.size() - 1); //将RecyclerView定位到最后一行

            }
        });
        mTestClick.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {

                String me_send=mInputMe.getText().toString().trim();
                Msg msg = new Msg(me_send, Msg.TYPE_SENT);
                msg.setToname("李四");
                msgList.add(msg);
                adapter.notifyItemInserted(msgList.size() - 1);//当有新消息时，刷新RecyclerView中的显示
                msgRecyclerView.scrollToPosition(msgList.size() - 1); //将RecyclerView定位到最后一行
                Log.e("ok", "onClick: " + "插入");
                mInputMe.setText("");
            }
        });
    }
}

四、设置适配器

package com.example.mychat_layout.updata;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import com.example.mychat_layout.R;

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

public class MsgAdapter extends RecyclerView.Adapter {
    public List msgList=new ArrayList<>();

    public static class MyViewHolder extends RecyclerView.ViewHolder{
        LinearLayout leftLayout;
        LinearLayout rightLayout;
        TextView leftMsg,rightMsg;
        TextView leftMsg_use,rightMsg_use;

        public MyViewHolder(@NonNull View itemView) {
            super(itemView);
            leftLayout=(LinearLayout)itemView.findViewById(R.id.chat_left);
            rightLayout=(LinearLayout)itemView.findViewById(R.id.chat_right);

            leftMsg=(TextView)itemView.findViewById(R.id.from_mesg);
            leftMsg_use=(TextView)itemView.findViewById(R.id.from_use);

            rightMsg=(TextView)itemView.findViewById(R.id.from_self_mesg);
            rightMsg_use=(TextView)itemView.findViewById(R.id.from_self);
        }
    }

    public MsgAdapter(List data){ //构造函数
        msgList=data;
    }

    @Override
    public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view= LayoutInflater.from(parent.getContext()).inflate(R.layout.item_chat,parent,false);
        return new MyViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull MyViewHolder holder, int position) { //替换视图内容

        Msg msg=msgList.get(position);
        if (msg.getType()==Msg.TYPEE_RECEIVED)
        {
            //如果收到的消息，则显示左边的消息布局，将右边的消息布局隐藏
            holder.leftLayout.setVisibility(View.VISIBLE);
            holder.rightLayout.setVisibility(View.GONE);
            holder.leftMsg_use.setText(msg.getFromname());
            holder.leftMsg.setText(msg.getContent());
        }
        else if(msg.getType()==Msg.TYPE_SENT)
        {
            //如果是发出的消息，则显示右边的消息布局，将左边的消息布局隐藏
            holder.rightLayout.setVisibility(View.VISIBLE);
            holder.leftLayout.setVisibility(View.GONE);
            holder.rightMsg_use.setText(msg.getToname());
            holder.rightMsg.setText(msg.getContent());
        }
    }

    @Override
    public int getItemCount() {
        return msgList.size();
    }
}

消息的实体类

package com.example.mychat_layout.updata;

public class Msg {
    public static final int TYPEE_RECEIVED=0;
    public static final int TYPE_SENT=1;
    private String content;
    private String toname;

    public String getToname() {
        return toname;
    }

    public void setToname(String toname) {
        this.toname = toname;
    }

    public String getFromname() {
        return fromname;
    }

    public void setFromname(String fromname) {
        this.fromname = fromname;
    }

    private String fromname;
    private int type;

    public Msg(String content, int type)
    {
        this.content=content;
        this.type=type;
    }
    public String getContent()
    {
        return content;
    }
    public int getType()
    {
        return type;
    }
}

最后打工告成
部分逻辑思想来自简书的网友大佬，本人只是简单的加工了其他逻辑，部分逻辑思想来自简书的网友大佬，本人只是简单的加工了其他逻辑，部分逻辑思想来自简书的网友大佬，本人只是简单的加工了其他逻辑

总结

到此这篇关于Android RecycleView和线型布局制作聊天布局的文章就介绍到这了,更多相关Android制作聊天布局内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！