Android RecycleView和线型布局制作聊天布局
作者:南洋-吕晓贵 时间:2022-08-01 15:36:56
一、首先在主布局中,用帧布局来填充 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;
}
}
最后打工告成
部分逻辑思想来自简书的网友大佬,本人只是简单的加工了其他逻辑,部分逻辑思想来自简书的网友大佬,本人只是简单的加工了其他逻辑,部分逻辑思想来自简书的网友大佬,本人只是简单的加工了其他逻辑
来源:https://blog.csdn.net/qq_29011123/article/details/122708748
标签:Android,RecycleView
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Java中方法的重写与成员变量的隐藏
2023-06-01 01:35:55
Java 使用poi把数据库中数据导入Excel的解决方法
2022-09-19 14:18:52
![](https://img.aspxhome.com/file/2023/0/62840_0s.png)
C++中const的实现细节介绍(C,C#同理)
2022-10-21 19:43:12
Spring Security 实现用户名密码登录流程源码详解
2023-05-31 11:13:59
![](https://img.aspxhome.com/file/2023/8/64058_0s.png)
在spring中手写全局异常拦 截器
2023-11-09 01:25:42
C#中的除法运算符与VB.NET中的除法运算符
2022-04-01 10:52:56
Android时间对话框TimePickerDialog详解
2022-08-23 05:50:06
![](https://img.aspxhome.com/file/2023/1/106041_0s.jpg)
Spring boot工具类静态属性注入及多环境配置详解
2022-10-02 16:12:37
asp.net之生成验证码的方法集锦(一)
2022-09-07 22:37:13
Android下载进度监听和通知的处理详解
2022-03-27 08:39:02
Java Document生成和解析XML操作
2021-11-10 13:17:46
![](https://img.aspxhome.com/file/2023/0/66990_0s.jpg)
unity实现简单贪吃蛇游戏
2023-05-25 23:59:53
![](https://img.aspxhome.com/file/2023/3/106373_0s.jpg)
SpringBoot多种自定义错误页面方式小结
2021-12-12 00:56:03
JAVA.io读写文件方式汇总
2022-10-14 06:32:21
java实现上传文件类型检测过程解析
2023-11-09 12:04:21
C#使用log4net记录日志的方法步骤
2021-07-07 18:14:55
![](https://img.aspxhome.com/file/2023/9/106449_0s.png)
使用Feign传递请求头信息(Finchley版本)
2023-06-07 22:38:07
![](https://img.aspxhome.com/file/2023/2/62742_0s.jpg)
Java中的InputStreamReader和OutputStreamWriter源码分析_动力节点Java学院整理
2022-10-13 10:46:53
![](https://img.aspxhome.com/file/2023/5/62045_0s.png)
浅谈SpringCache与redis集成实现缓存解决方案
2022-10-12 01:11:17
![](https://img.aspxhome.com/file/2023/8/95958_0s.png)
C#用户定义类型转换详解
2022-06-07 11:44:32