Android RecycleView和线型布局制作聊天布局
目录
- 一、首先在主布局中，用帧布局来填充 RecycleView 和 两个模拟发送消息的Button
- 二、在一个布局中，加载左边好友发送消息的布局，然后是自己发送消息的右边布局
- 三、在MsgRecyclerViewActivity 中绑定控件和适配器
- 四、设置适配器
- 总结
一、首先在主布局中，用帧布局来填充 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制作聊天布局内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！
相关推荐
-
android RecycleView实现多级树形列表
本文实例为大家分享了android RecycleView实现多级树形列表的具体代码,供大家参考,具体内容如下 实现多级树状列表: 1. Node.java public class Node<T, B> implements Serializable { /** * 传入的实体对象 */ public B bean; /** * 设置开启的图片 */ public int iconExpand = -1; /** * 设置关闭的图片 */ public int iconNoExpand =
-
Android RecycleView实现Item拖拽效果
基于公司产品的优化需求,其中一个需求涉及到RecycleView的拖拽,以及拖拽后item位置的持久化,目的是可以用户自定义界面偏好,并在用户下次进入本界面后,之前设置的偏好仍然有效.我写了一个小Demo用作演示效果. 先看效果(只看效果,不看颜值) 步骤1.建接口文件ItemTouchHelperViewHolder,该接口文件中描述的是选中和放开当前Item调用的方法. public interface ItemTouchHelperViewHolder { void onItemSelec
-
Android RecycleView和线型布局制作聊天布局
目录 一.首先在主布局中,用帧布局来填充 RecycleView 和 两个模拟发送消息的Button 二.在一个布局中,加载左边好友发送消息的布局,然后是自己发送消息的右边布局 三.在MsgRecyclerViewActivity 中绑定控件和适配器 四.设置适配器 总结 一.首先在主布局中,用帧布局来填充 RecycleView 和 两个模拟发送消息的Button <?xml version="1.0" encoding="utf-8"?> <L
-
Android Socket实现多个客户端聊天布局
本文实例为大家分享了Android Socket实现多个客户端聊天布局的具体代码,供大家参考,具体内容如下 服务器Socket接受到客户端发送的消息之后,转发给容器中的其他Socket,别的客户端接受到显示在左边,自己发的显示在右边. 消息类 public class Msg { private String msg; private int left_right; public Msg(String msg,int left_right){ th
-
Android代码实现图片和文字上下布局
在Android开发中经常会需要用到带文字和图片的button,下面来给大家介绍使用radiobutton实现图片和文字上下布局或左右布局.代码很简单就不给大家多解释了. 布局文件很简单,用来展示RadioBUtton的使用方法. <?xml version="." encoding="utf-"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/and
-
Android应用借助LinearLayout实现垂直水平居中布局
首先说的是LinearLayout布局下的居中一般是这样的: (注意:android:layout_width="fill_parent" android:layout_height="fill_parent" 属性中,若水平居中,至少在宽度上占全屏:若垂直居中,则在高度上占全屏) <LinearLayout android:layout_width="fill_parent" android:layout_height="fil
-
Android Listview中显示不同的视图布局详解及实例代码
Android Listview中显示不同的视图布局 1. 使用场景 在重写ListView的BaseAdapter时,我们常常在getView()方法中复用convertView,以提高性能.convertView在Item为单一的同种类型布局时,能够回收并重用,但是多个Item布局类型不同时,convertView的回收和重用会出现问题.比如有些行为纯文本,有些行则是图文混排,这里纯文本行为一类布局,图文混排的行为第二类布局.单一类型的ListView很简单,下面着重介绍一下ListView
-
Android实现热门标签的流式布局
一.概述: 在日常的app使用中,我们会在android 的app中看见 热门标签等自动换行的流式布局,今天,我们就来看看如何 自定义一个类似热门标签那样的流式布局吧(源码下载在下面最后给出) 类似的自定义布局.下面我们就来详细介绍流式布局的应用特点以及用的的技术点: 1.流式布局的特点以及应用场景 特点:当上面一行的空间不够容纳新的TextView时候, 才开辟下一行的空间 原理图: 场景:主要用于关键词搜索或者热门标签等场景 2.自定义ViewGroup,重点重写下面两
-
Android在代码中设置沉浸式布局的方法
先导入该包,进行 系统systemBar 管理 compile 'com.readystatesoftware.systembartint:systembartint:1.0.3' 在BaseActivity中添加 该 字段: public class BaseActivity extends Activity{ @Override protected void onCreate(Bundle savedInstanceState) { if (Build.VERSION.SDK_INT >=
-
Android中关于CoordinatorLayout的一些实用布局技巧
介绍 CoordinatorLayout是一个"加强版"的 FrameLayout,它主要有两个用途: (1) 用作应用的顶层布局管理器 (2) 通过为子View指定 behavior 实现自定义的交互行为. 在我们做 Material Design 风格的app时通常都使用 CoordinatorLayout 作为布局的根节点,以便实现特定的UI交互行为. 那么现在我们来看看如何用已有的一些控件实现一些常见的布局. Toolbar + TabLayout 实现 TabLayout 置
-
android Activity线性布局和表格布局实例讲解
实验中只需要编写相应的xml的代码,java代码不需要更改,因为我们这里只是练习android的界面设计. 线性布局:线性布局就是将各种控件按照行或者列依次进行排列.其中本实验用到的各控件的属性解释如下:android:layout_weight属性是指不同的控件在activity中占有体积大小的比例.android:paddingLeft指内边距左的距离,即控件内文字离控件左边边界的距离.其它的类推.android:gravity指控件内文字相对于控件本身的方向属性,长度为dip,与像素独立的
-
Android动画效果之自定义ViewGroup添加布局动画（五）
前言: 前面几篇文章介绍了补间动画.逐帧动画.属性动画,大部分都是针对View来实现的动画,那么该如何为了一个ViewGroup添加动画呢?今天结合自定义ViewGroup来学习一下布局动画.本文将通过对自定义图片选择控件设置动画为例来学习布局动画. 自定义一个显示多行图片的ViewGroup: 这里不再对自定义控件做解说,想了解的可以看下以下几篇文章 •Android自定义控件之基本原理(一) •Android自定义控件之自定义属性(二) •Android自定义控件之自定义组合控件(三)