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和OpenCV库实现实时颜色识别系统

使用Python和OpenCV库实现实时颜色识别系统

《使用Python和OpenCV库实现实时颜色识别系统》：本文主要介绍使用Python和OpenCV库实现的实时颜色识别系统,这个系统能够通过摄像头捕捉视频流,并在视频中指定区域内识别主要颜色（红... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间详解
阅读更多...
PostgreSQL中MVCC 机制的实现

PostgreSQL中MVCC 机制的实现

《PostgreSQL中MVCC机制的实现》本文主要介绍了PostgreSQL中MVCC机制的实现,通过多版本数据存储、快照隔离和事务ID管理实现高并发读写,具有一定的参考价值,感兴趣的可以了解一下... 目录一 MVCC 基本原理python1.1 MVCC 核心概念1.2 与传统锁机制对比二 Postg
阅读更多...
SpringBoot整合Flowable实现工作流的详细流程

SpringBoot整合Flowable实现工作流的详细流程

《SpringBoot整合Flowable实现工作流的详细流程》Flowable是一个使用Java编写的轻量级业务流程引擎,Flowable流程引擎可用于部署BPMN2.0流程定义,创建这些流程定义的... 目录1、流程引擎介绍2、创建项目3、画流程图4、开发接口4.1 Java 类梳理4.2 查看流程图4
阅读更多...
C++中零拷贝的多种实现方式

C++中零拷贝的多种实现方式

《C++中零拷贝的多种实现方式》本文主要介绍了C++中零拷贝的实现示例,旨在在减少数据在内存中的不必要复制,从而提高程序性能、降低内存使用并减少CPU消耗,零拷贝技术通过多种方式实现,下面就来了解一下... 目录一、C++中零拷贝技术的核心概念二、std::string_view 简介三、std::stri
阅读更多...
C++高效内存池实现减少动态分配开销的解决方案

C++高效内存池实现减少动态分配开销的解决方案

《C++高效内存池实现减少动态分配开销的解决方案》C++动态内存分配存在系统调用开销、碎片化和锁竞争等性能问题,内存池通过预分配、分块管理和缓存复用解决这些问题,下面就来了解一下... 目录一、C++内存分配的性能挑战二、内存池技术的核心原理三、主流内存池实现：TCMalloc与Jemalloc1. TCM
阅读更多...
OpenCV实现实时颜色检测的示例

OpenCV实现实时颜色检测的示例

《OpenCV实现实时颜色检测的示例》本文主要介绍了OpenCV实现实时颜色检测的示例,通过HSV色彩空间转换和色调范围判断实现红黄绿蓝颜色检测,包含视频捕捉、区域标记、颜色分析等功能,具有一定的参考... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间
阅读更多...
Python实现精准提取 PDF中的文本,表格与图片

Python实现精准提取 PDF中的文本,表格与图片

《Python实现精准提取PDF中的文本,表格与图片》在实际的系统开发中,处理PDF文件不仅限于读取整页文本,还有提取文档中的表格数据,图片或特定区域的内容,下面我们来看看如何使用Python实... 目录安装 python 库提取 PDF 文本内容：获取整页文本与指定区域内容获取页面上的所有文本内容获取
阅读更多...
基于Python实现一个Windows Tree命令工具

基于Python实现一个Windows Tree命令工具

《基于Python实现一个WindowsTree命令工具》今天想要在Windows平台的CMD命令终端窗口中使用像Linux下的tree命令,打印一下目录结构层级树,然而还真有tree命令,但是发现... 目录引言实现代码使用说明可用选项示例用法功能特点添加到环境变量方法一：创建批处理文件并添加到PATH1
阅读更多...
Java使用HttpClient实现图片下载与本地保存功能

Java使用HttpClient实现图片下载与本地保存功能

《Java使用HttpClient实现图片下载与本地保存功能》在当今数字化时代,网络资源的获取与处理已成为软件开发中的常见需求,其中,图片作为网络上最常见的资源之一,其下载与保存功能在许多应用场景中都... 目录引言一、Apache HttpClient简介二、技术栈与环境准备三、实现图片下载与保存功能1.
阅读更多...
canal实现mysql数据同步的详细过程

canal实现mysql数据同步的详细过程

《canal实现mysql数据同步的详细过程》：本文主要介绍canal实现mysql数据同步的详细过程,本文通过实例图文相结合给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的... 目录1、canal下载2、mysql同步用户创建和授权3、canal admin安装和启动4、canal
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2