Android RecyclerView实现简易聊天工具

2023-11-21 00:10
文章标签 实现 android 简易 recyclerview 聊天工具

本文主要是介绍Android RecyclerView实现简易聊天工具，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1. 简易聊天工具

实现一个简易聊天工具需要一个消息列表，一个消息编辑框和消息发送按钮。我们利用RecyclerView控件来显示控件，并实现RecyclerView下拉来加载以往的消息。

我们用ChartMessage记录消息内容，ChatMessageAdapter实现了一个简单的消息界面，一个头像和文本消息。

class ChatMessageAdapter(context: Context) : RecyclerView.Adapter<ChatMessageAdapter.ItemViewHolder>() {private val VIEW_TYPE_HEADER_VIEW = 100private val VIEW_TYPE_CONTENT_VIEW = 200private val mContext: Context = contextprivate val mContent: MutableList<ChatMessage> = ArrayList()private val mHeaderViewList: ArrayList<View> = ArrayList()override fun getItemViewType(position: Int): Int {return if (position < getHeaderViewSize()) {VIEW_TYPE_HEADER_VIEW + position} else {VIEW_TYPE_CONTENT_VIEW}}override fun onCreateViewHolder(viewGroup: ViewGroup, viewType: Int): ItemViewHolder {return if (viewType == VIEW_TYPE_CONTENT_VIEW) {ContentViewHolder(LayoutInflater.from(mContext).inflate(R.layout.list_item_chat_message, viewGroup, false))} else {HeaderFooterView(mHeaderViewList[viewType - VIEW_TYPE_HEADER_VIEW])}}override fun onBindViewHolder(viewHolder: ItemViewHolder, position: Int) {if (position >= getHeaderViewSize()) {viewHolder.bindViewHolder(position - getHeaderViewSize())}}override fun getItemCount(): Int {return getHeaderViewSize() + mContent.size}fun addHeaderView(headerView: View) {this.mHeaderViewList.add(headerView)}open fun getHeaderViewSize(): Int {return mHeaderViewList.size}fun setContent(contentList: MutableList<ChatMessage>?) {mContent.clear()if (contentList != null) {mContent.addAll(contentList)}notifyDataSetChanged()}open class ItemViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {open fun bindViewHolder(position: Int) {}}private inner class ContentViewHolder(itemView: View) : ItemViewHolder(itemView) {private var ivUser: ImageView = itemView.findViewById(R.id.iv_user)private var tvMessageUser: TextView = itemView.findViewById(R.id.tv_message_user)private var tvMessageMine: TextView = itemView.findViewById(R.id.tv_message_mine)private var ivMine: ImageView = itemView.findViewById(R.id.iv_mine)override fun bindViewHolder(position: Int) {var message = mContent.getOrNull(position)if (message?.isMine == true) {ivUser.visibility = View.INVISIBLEivMine.visibility = View.VISIBLEtvMessageUser.visibility = View.GONEtvMessageMine.visibility = View.VISIBLEtvMessageMine.text = message.msg_content} else {ivUser.visibility = View.VISIBLEivMine.visibility = View.INVISIBLEtvMessageUser.visibility = View.VISIBLEtvMessageUser.text = message?.msg_contenttvMessageMine.visibility = View.GONE}}}private class HeaderFooterView(itemView: View) : ItemViewHolder(itemView)class ChatMessage {var id: Int = 0var msg_content: String? = nullvar isMine: Boolean = false}}

ChatMessageActivity实现了简单的界面逻辑，利用Timer，我们我们每隔一段时间刷线最新消息。requestNewMessage()和requestMessage()接口分别用来刷新最新消息和下拉以前的消息。

class ChatMessageActivity : Activity() {private lateinit var mRecyclerView: CustomRecyclerViewprivate lateinit var mRefreshViewCreator: RefreshViewCreator// 第一条信息，下拉时使用private var mFirstMessage: ChatMessageAdapter.ChatMessage? = null// 最后一条信息，刷新时使用private var mLastMessage: ChatMessageAdapter.ChatMessage? = nullprivate lateinit var mMessageAdapter: ChatMessageAdapterprivate var mTimer: Timer = Timer(false)private var mTimerTask: TimerTask = object : TimerTask() {override fun run() {requestNewMessage()}}private val mRefreshListener: RefreshViewCreator.IOnRefreshListener =object : RefreshViewCreator.IOnRefreshListener {override fun onRefresh() {requestMessage()}}override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_application_chat_message)mRecyclerView = findViewById(R.id.recycler_view)mMessageAdapter = ChatMessageAdapter(this)mRecyclerView.adapter = mMessageAdaptermRefreshViewCreator = CustomRefreshViewCreator(mRefreshListener)mRecyclerView.setRefreshViewCreator(mRefreshViewCreator)mMessageAdapter.addHeaderView(mRefreshViewCreator.onCreateRefreshView(this, mRecyclerView)!!)}override fun onResume() {super.onResume()mTimer.scheduleAtFixedRate(mTimerTask, 0, 10000)}override fun onPause() {super.onPause()mTimer.cancel()}// 刷新最新消息private fun requestNewMessage() {}// 下拉刷新private fun requestMessage() {}}

显示如下
在这里插入图片描述

2. 聊天工具优化

简易聊天工具界面已经搭建好了，但是在实际应用中，我们遇到了三个需要优化的点，

  • 软键盘弹出时会覆盖掉最新的消息内容。
  • 刷新到最新信息时没有及时显示。
  • 下拉刷新时显示最新消息，无法定位，体验不佳。

2.1 优化软键盘

你需要监听软键盘显示的事件，详见Android 监听软键盘显示和隐藏，同时我们滚动列表到指定位置，

window.decorView.addOnLayoutChangeListener { v, left, top, right, bottom, oldLeft, oldTop, oldRight, oldBottom ->// 获取当前屏幕内容的高度var screenHeight = window.decorView.height// 获取View可见区域的bottomvar rect = Rect()window.decorView.getWindowVisibleDisplayFrame(rect)// 需要避免底下导航栏的显示和隐藏操作引发的问题if (screenHeight - rect.bottom > 300) {if (!mShowSoftKeyBoard) {mShowSoftKeyBoard = trueif (mRecyclerView.canScrollVertically(1)) {mRecyclerView.scrollBy(0, screenHeight - rect.bottom)}}} else {mShowSoftKeyBoard = false}
}

2.2 优化刷新最新消息

当RecyclerView有最新消息，如何判断是否需要滚动到最新消息呢，我们通过canScrollVertically(direction)来判断是否在等待新消息。

private fun addMessageList(messageList: MutableList<ChatMessageAdapter.ChatMessage>) {if (messageList.isNotEmpty()) {var scrollToBottom = !mRecyclerView.canScrollVertically(1)mMessageList.addAll(messageList)mFirstMessage = mMessageList.first()mLastMessage = mMessageList.last()mMessageAdapter.setContent(mMessageList)if (scrollToBottom) {mRecyclerView.smoothScrollToPosition(mMessageAdapter.itemCount - 1)}}
}

2.3 优化下拉刷新

下拉后，理想的状态是我们保持所有的消息当前所处的位置。所以我们计算获取新消息的高度总和，并进行偏移计算。

private fun insertMessageList(messageList: MutableList<ChatMessageAdapter.ChatMessage>) {if (messageList.isNotEmpty()) {mMessageList.addAll(0, messageList)mFirstMessage = mMessageList.first()mLastMessage = mMessageList.last()mMessageAdapter.setContent(mMessageList)var totalHeight = 0for (index in 0 until messageList.size) {totalHeight += getItemHeight(index)}mRecyclerView.scrollBy(0, totalHeight)}mRefreshViewCreator.refreshFinish()
}private fun getItemHeight(position: Int): Int {var viewHolder = mMessageAdapter.onCreateViewHolder(mRecyclerView,mMessageAdapter.getItemViewType(mMessageAdapter.getHeaderViewSize() + position))viewHolder.bindViewHolder(position)viewHolder.itemView.measure(View.MeasureSpec.makeMeasureSpec(mRecyclerView.width, View.MeasureSpec.EXACTLY),View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED))return viewHolder.itemView.measuredHeight
}

效果如下
在这里插入图片描述

当然，我们有时候会显示消息的时间，这样导致数据高度会变化，可以如下优化。

var layoutManager = mRecyclerView.layoutManager as LinearLayoutManager
var itemHeight = layoutManager.findViewByPosition(1)?.height ?: 0var totalHeight = 0
for (index in 0 until messageList.size + 1) {totalHeight += getItemHeight(index)
}
mRecyclerView.scrollBy(0, totalHeight - itemHeight)

相关文章
Android RecyclerView控件
Android RecyclerView刷新和加载
Android RecyclerView实现简易聊天工具

这篇关于Android RecyclerView实现简易聊天工具的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/398427。

相关文章

C++对象布局及多态实现探索之内存布局（整理的很多链接）

C++对象布局及多态实现探索之内存布局（整理的很多链接）

本文通过观察对象的内存布局，跟踪函数调用的汇编代码。分析了C++对象内存的布局情况，虚函数的执行方式，以及虚继承，等等 文章链接：http://dev.yesky.com/254/2191254.shtml      论C/C++函数间动态内存的传递 (2005-07-30)   当你涉及到C/C++的核心编程的时候，你会无止境地与内存管理打交道。 文章链接：http://dev.yesky
阅读更多...
通过SSH隧道实现通过远程服务器上外网

通过SSH隧道实现通过远程服务器上外网

搭建隧道 autossh -M 0 -f -D 1080 -C -N user1@remotehost##验证隧道是否生效，查看1080端口是否启动netstat -tuln | grep 1080## 测试ssh 隧道是否生效curl -x socks5h://127.0.0.1:1080 -I http://www.github.com 将autossh 设置为服务，隧道开机启动
阅读更多...
时序预测 | MATLAB实现LSTM时间序列未来多步预测-递归预测

时序预测 | MATLAB实现LSTM时间序列未来多步预测-递归预测

时序预测 | MATLAB实现LSTM时间序列未来多步预测-递归预测 目录 时序预测 | MATLAB实现LSTM时间序列未来多步预测-递归预测基本介绍程序设计参考资料 基本介绍 MATLAB实现LSTM时间序列未来多步预测-递归预测。LSTM是一种含有LSTM区块（blocks）或其他的一种类神经网络，文献或其他资料中LSTM区块可能被描述成智能网络单元，因为
阅读更多...
vue项目集成CanvasEditor实现Word在线编辑器

vue项目集成CanvasEditor实现Word在线编辑器

CanvasEditor实现Word在线编辑器 官网文档：https://hufe.club/canvas-editor-docs/guide/schema.html 源码地址：https://github.com/Hufe921/canvas-editor 前提声明： 由于CanvasEditor目前不支持vue、react 等框架开箱即用版，所以需要我们去Git下载源码，拿到其中两个主
阅读更多...
Eclipse+ADT与Android Studio开发的区别

Eclipse+ADT与Android Studio开发的区别

下文的EA指Eclipse+ADT,AS就是指Android Studio。 就编写界面布局来说AS可以边开发边预览（所见即所得,以及多个屏幕预览），这个优势比较大。AS运行时占的内存比EA的要小。AS创建项目时要创建gradle项目框架，so,创建项目时AS比较慢。android studio基于gradle构建项目，你无法同时集中管理和维护多个项目的源码，而eclipse ADT可以同时打开
阅读更多...
android 免费短信验证功能

android 免费短信验证功能

没有太复杂的使用的话，功能实现比较简单粗暴。 在www.mob.com网站中可以申请使用免费短信验证功能。 步骤： 1.注册登录。 2.选择“短信验证码SDK” 3.下载对应的sdk包，我这是选studio的。 4.从头像那进入后台并创建短信验证应用，获取到key跟secret 5.根据技术文档操作（initSDK方法写在setContentView上面） 6.关键：在有用到的Mo
阅读更多...
android一键分享功能部分实现

android一键分享功能部分实现

为什么叫做部分实现呢，其实是我只实现一部分的分享。如新浪微博，那还有没去实现的是微信分享。还有一部分奇怪的问题：我QQ分享跟QQ空间的分享功能，我都没配置key那些都是原本集成就有的key也可以实现分享，谁清楚的麻烦详解下。 实现分享功能我们可以去www.mob.com这个网站集成。免费的，而且还有短信验证功能。等这分享研究完后就研究下短信验证功能。 开始实现步骤（新浪分享，以下是本人自己实现
阅读更多...
Android我的二维码扫描功能发展史（完整）

Android我的二维码扫描功能发展史（完整）

最近在研究下二维码扫描功能，跟据从网上查阅的资料到自己勉强已实现扫描功能来一一介绍我的二维码扫描功能实现的发展历程： 首页通过网络搜索发现做android二维码扫描功能看去都是基于google的ZXing项目开发。 2、搜索怎么使用ZXing实现自己的二维码扫描：从网上下载ZXing-2.2.zip以及core-2.2-source.jar文件，分别解压两个文件。然后把.jar解压出来的整个c
阅读更多...
android 带与不带logo的二维码生成

android 带与不带logo的二维码生成

该代码基于ZXing项目，这个网上能下载得到。 定义的控件以及属性： public static final int SCAN_CODE = 1;private ImageView iv;private EditText et;private Button qr_btn,add_logo;private Bitmap logo,bitmap,bmp; //logo图标private st
阅读更多...
Android多线程下载见解

Android多线程下载见解

通过for循环开启N个线程，这是多线程，但每次循环都new一个线程肯定很耗内存的。那可以改用线程池来。 就以我个人对多线程下载的理解是开启一个线程后： 1.通过HttpUrlConnection对象获取要下载文件的总长度 2.通过RandomAccessFile流对象在本地创建一个跟远程文件长度一样大小的空文件。 3.通过文件总长度/线程个数=得到每个线程大概要下载的量（线程块大小）。
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2