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

更新时间：2022年1月27日 16:59 点击：271 作者：南洋-吕晓贵

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

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".item_recycleview.MainActivityrecycle">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/test_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <Button
            android:id="@+id/test_click1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:layout_marginLeft="20dp"
            android:layout_marginBottom="150dp"
            android:text="模拟插入对方消息" />
<EditText
    android:id="@+id/input_me"
    android:layout_gravity="bottom"
    android:layout_marginLeft="220dp"
    android:layout_marginBottom="190dp"
    android:layout_width="250dp"
    android:layout_height="wrap_content"
    android:hint="请输入消息"/>
        <Button
            android:id="@+id/test_click"
            android:layout_width="203dp"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:layout_marginLeft="220dp"
            android:layout_marginBottom="150dp"
            android:text="插入我发送的消息" />
    </FrameLayout>

</LinearLayout>

如下图所示：

主布局

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

 <?xml version="1.0" encoding="utf-8"?>
<layout xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <data>

    </data>

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/from_use"
                android:background="#FF0067"
                android:layout_width="wrap_content"
                android:layout_height="24dp"
                android:text="张三："
                android:layout_marginLeft="10dp"
                android:textColor="@color/black"
                android:textSize="18dp" />

            <TextView
                android:id="@+id/from_mesg"
                android:background="@drawable/good"
                android:layout_width="wrap_content"
                android:textSize="20sp"
                android:gravity="left|center"
                android:maxWidth="332dp"
                android:paddingLeft="10dp"
                android:paddingRight="10dp"
                android:layout_height="wrap_content"
                android:textColor="@color/black"
                android:text="报告李四，我收到你的消息了"
                tools:ignore="RtlHardcoded" />

        </LinearLayout>
    </LinearLayout>
</layout>

如图所示：

左布局

右边的布局

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data>

    </data>

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/from_self_mesg"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_marginRight="65dp"
                android:background="@drawable/blue_p"
                android:gravity="left|center"
                android:maxWidth="332dp"
                android:paddingLeft="10dp"
                android:text="好的！！你最近过得怎么样？"
                android:textColor="@color/black" />

            <TextView
                android:id="@+id/from_self"
                android:background="@color/purple_700"
                android:layout_width="wrap_content"
                android:layout_height="23dp"
                android:layout_alignParentRight="true"
                android:text="李四"
                android:layout_marginRight="8dp"
                android:textColor="@color/black"
                android:textSize="15dp" />

        </RelativeLayout>
    </LinearLayout>
</layout>

如图所示：

在这里插入图片描述

三、在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<Msg> 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<MsgAdapter.MyViewHolder> {
    public List<Msg> 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<Msg> 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制作聊天布局内容请搜索猪先飞以前的文章或继续浏览下面的相关文章希望大家以后多多支持猪先飞！

原文出处：https://blog.csdn.net/qq_29011123/article/details/122708748

[!--infotagslink--]

上一篇: Android判断是否Root方法介绍

下一篇: Android中Lifecycle的原理详解

Android子控件超出父控件的范围显示出来方法
下面我们来看一篇关于Android子控件超出父控件的范围显示出来方法，希望这篇文章能够帮助到各位朋友，有碰到此问题的朋友可以进来看看哦。 <RelativeLayout xmlns:an...2016-10-02
Android开发中findViewById()函数用法与简化
findViewById方法在android开发中是获取页面控件的值了，有没有发现我们一个页面控件多了会反复研究写findViewById呢，下面我们一起来看它的简化方法。 Android中Fin...2016-09-20
Android模拟器上模拟来电和短信配置
如果我们的项目需要做来电及短信的功能，那么我们就得在Android模拟器开发这些功能，本来就来告诉我们如何在Android模拟器上模拟来电及来短信的功能。在Android模拟...2016-09-20
夜神android模拟器设置代理的方法
夜神android模拟器如何设置代理呢？对于这个问题其实操作起来是非常的简单，下面小编来为各位详细介绍夜神android模拟器设置代理的方法，希望例子能够帮助到各位。 app...2016-09-20
android自定义动态设置Button样式【很常用】
为了增强android应用的用户体验，我们可以在一些Button按钮上自定义动态的设置一些样式，比如交互时改变字体、颜色、背景图等。今天来看一个通过重写Button来动态实...2016-09-20
Android WebView加载html5页面实例教程
如果我们要在Android应用APP中加载html5页面，我们可以使用WebView，本文我们分享两个WebView加载html5页面实例应用。实例一：WebView加载html5实现炫酷引导页面大多...2016-09-20
深入理解Android中View和ViewGroup
深入理解Android中View和ViewGroup从组成架构上看，似乎ViewGroup在View之上，View需要继承ViewGroup，但实际上不是这样的。View是基类，ViewGroup是它的子类。本教程我们深...2016-09-20
Android自定义WebView网络视频播放控件例子
下面我们来看一篇关于Android自定义WebView网络视频播放控件开发例子，这个文章写得非常的不错下面给各位共享一下吧。因为业务需要，以下代码均以Youtube网站在线视...2016-10-02
Android用MemoryFile文件类读写进行性能优化
java开发的Android应用，性能一直是一个大问题，，或许是Java语言本身比较消耗内存。本文我们来谈谈Android 性能优化之MemoryFile文件读写。 Android匿名共享内存对外A...2016-09-20
Android设置TextView竖着显示实例
TextView默认是横着显示了，今天我们一起来看看Android设置TextView竖着显示如何来实现吧，今天我们就一起来看看操作细节，具体的如下所示。在开发Android程序的时候，...2016-10-02
android.os.BinderProxy cannot be cast to com解决办法
本文章来给大家介绍关于android.os.BinderProxy cannot be cast to com解决办法，希望此文章对各位有帮助呀。 Android在绑定服务的时候出现java.lang.ClassCastExc...2016-09-20
Android 实现钉钉自动打卡功能
这篇文章主要介绍了Android 实现钉钉自动打卡功能的步骤，帮助大家更好的理解和学习使用Android，感兴趣的朋友可以了解下...2021-03-15
Android 开发之布局细节对比：RTL模式
下面我们来看一篇关于Android 开发之布局细节对比：RTL模式，希望这篇文章对各位同学会带来帮助，具体的细节如下介绍。前言讲真，好久没写博客了，2016都过了一半了，赶紧...2016-10-02
Android中使用SDcard进行文件的读取方法
首先如果要在程序中使用sdcard进行存储，我们必须要在AndroidManifset.xml文件进行下面的权限设置: 在AndroidManifest.xml中加入访问SDCard的权限如下: <!--...2016-09-20
Android开发之PhoneGap打包及错误解决办法
下面来给各位简单的介绍一下关于Android开发之PhoneGap打包及错误解决办法，希望碰到此类问题的同学可进入参考一下哦。在我安装、配置好PhoneGap项目的所有依赖...2016-09-20
用Intel HAXM给Android模拟器Emulator加速
Android 模拟器 Emulator 速度真心不给力，，现在我们来介绍使用 Intel HAXM 技术为 Android 模拟器加速，使模拟器运行度与真机比肩。周末试玩了一下在Eclipse中使...2016-09-20
Android判断当前屏幕是全屏还是非全屏
在安卓开发时我碰到一个问题就是需要实现全屏，但又需要我们来判断出用户是使用了全屏或非全屏了，下面我分别找了两段代码，大家可参考。先来看一个android屏幕全屏实...2016-09-20
Android开发中布局中的onClick简单完成多控件时的监听的利与弊
本文章来为各位介绍一篇关于Android开发中布局中的onClick简单完成多控件时的监听的利与弊的例子，希望这个例子能够帮助到各位朋友．首先在一个控件加上这么一句：and...2016-09-20
Ubuntu 系统下安装Android开发环境 Android Studio 1.0 步骤
Android Studio 是一个Android开发环境，基于IntelliJ IDEA. 类似 Eclipse ADT，Android Studio 提供了集成的 Android 开发工具用于开发和调试，可以在Linux，Mac OS X，Window...2016-09-20
Android实现简单用户注册案例
这篇文章主要为大家详细介绍了Android实现简单用户注册案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-05-26

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

目录

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

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

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

四、设置适配器

总结

相关文章

阁下可能感兴趣的内容

推荐阅读

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

目录

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

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

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

四、设置适配器

总结

相关文章

阁下可能感兴趣的内容

推荐阅读

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