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。

相关文章

python使用watchdog实现文件资源监控

python使用watchdog实现文件资源监控

《python使用watchdog实现文件资源监控》watchdog支持跨平台文件资源监控,可以检测指定文件夹下文件及文件夹变动,下面我们来看看Python如何使用watchdog实现文件资源监控吧... python文件监控库watchdogs简介随着Python在各种应用领域中的广泛使用，其生态环境也
阅读更多...
el-select下拉选择缓存的实现

el-select下拉选择缓存的实现

《el-select下拉选择缓存的实现》本文主要介绍了在使用el-select实现下拉选择缓存时遇到的问题及解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的... 目录项目场景：问题描述解决方案：项目场景：从左侧列表中选取字段填入右侧下拉多选框，用户可以对右侧
阅读更多...
Python pyinstaller实现图形化打包工具

Python pyinstaller实现图形化打包工具

《Pythonpyinstaller实现图形化打包工具》：本文主要介绍一个使用PythonPYQT5制作的关于pyinstaller打包工具,代替传统的cmd黑窗口模式打包页面,实现更快捷方便的... 目录1.简介2.运行效果3.相关源码1.简介一个使用python PYQT5制作的关于pyinstall
阅读更多...
使用Python实现大文件切片上传及断点续传的方法

使用Python实现大文件切片上传及断点续传的方法

《使用Python实现大文件切片上传及断点续传的方法》本文介绍了使用Python实现大文件切片上传及断点续传的方法,包括功能模块划分（获取上传文件接口状态、临时文件夹状态信息、切片上传、切片合并）、整... 目录概要整体架构流程技术细节获取上传文件状态接口获取临时文件夹状态信息接口切片上传功能文件合并功能小
阅读更多...
python实现自动登录12306自动抢票功能

python实现自动登录12306自动抢票功能

《python实现自动登录12306自动抢票功能》随着互联网技术的发展,越来越多的人选择通过网络平台购票,特别是在中国,12306作为官方火车票预订平台,承担了巨大的访问量,对于热门线路或者节假日出行... 目录一、遇到的问题？二、改进三、进阶–展望总结一、遇到的问题？1.url-正确的表头：就是首先ur
阅读更多...
C#实现文件读写到SQLite数据库

C#实现文件读写到SQLite数据库

《C#实现文件读写到SQLite数据库》这篇文章主要为大家详细介绍了使用C#将文件读写到SQLite数据库的几种方法,文中的示例代码讲解详细,感兴趣的小伙伴可以参考一下... 目录1. 使用 BLOB 存储文件2. 存储文件路径3. 分块存储文件《文件读写到SQLite数据库China编程的方法》博客中，介绍了文
阅读更多...
Redis主从复制实现原理分析

Redis主从复制实现原理分析

《Redis主从复制实现原理分析》Redis主从复制通过Sync和CommandPropagate阶段实现数据同步,2.8版本后引入Psync指令,根据复制偏移量进行全量或部分同步,优化了数据传输效率... 目录Redis主DodMIK从复制实现原理实现原理Psync: 2.8版本后总结Redis主从复制实
阅读更多...
JAVA利用顺序表实现“杨辉三角”的思路及代码示例

JAVA利用顺序表实现“杨辉三角”的思路及代码示例

《JAVA利用顺序表实现“杨辉三角”的思路及代码示例》杨辉三角形是中国古代数学的杰出研究成果之一,是我国北宋数学家贾宪于1050年首先发现并使用的,：本文主要介绍JAVA利用顺序表实现杨辉三角的思... 目录一：“杨辉三角”题目链接二：题解代码：三：题解思路：总结一：“杨辉三角”题目链接题目链接：点击这里
阅读更多...
基于Python实现PDF动画翻页效果的阅读器

基于Python实现PDF动画翻页效果的阅读器

《基于Python实现PDF动画翻页效果的阅读器》在这篇博客中,我们将深入分析一个基于wxPython实现的PDF阅读器程序,该程序支持加载PDF文件并显示页面内容,同时支持页面切换动画效果,文中有详... 目录全部代码代码结构初始化 UI 界面加载 PDF 文件显示 PDF 页面页面切换动画运行效果总结主
阅读更多...
SpringBoot实现基于URL和IP的访问频率限制

SpringBoot实现基于URL和IP的访问频率限制

《SpringBoot实现基于URL和IP的访问频率限制》在现代Web应用中,接口被恶意刷新或暴力请求是一种常见的攻击手段,为了保护系统资源,需要对接口的访问频率进行限制,下面我们就来看看如何使用... 目录1. 引言2. 项目依赖3. 配置 Redis4. 创建拦截器5. 注册拦截器6. 创建控制器8.
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2