带有聊天气泡的自定义uitableview

Posted

技术标签:

【中文标题】带有聊天气泡的自定义uitableview【英文标题】:customized uitableview with chat bubbles 【发布时间】:2010-11-24 16:28:24 【问题描述】:

我正在构建一个类似于短信的应用,其中包含聊天气泡。为此,我使用了一个自定义的 uitableview,它从数组中获取数据,并将具有对 indexPath 的单元格放在右侧,将奇数 indexPath 放在左侧

一切正常,但唯一的问题是在同一位置(左或右)不能有 2 个单元格一个一个在另一个之上,我需要这个,因为也许用户可以发送 2 条或更多消息,而另一个没有发送任何东西

我正在考虑一种方法,但我没有想到,所以你建议一种方法吗?

【问题讨论】:

用户添加消息时可能会增大气泡? 这个不错,我试试,谢谢大佬! 【参考方案1】:

您不能假设两个用户会来回交替发送消息,因此必须丢弃偶数/奇数检查。

您提到您将消息存储在一个数组中。也许创建另一个相同大小的数组,当您向第一个数组添加消息时,您可以向第二个数组添加一些内容,让您知道它来自哪个用户。然后,当您创建单元格时,您可以使用第二个数组确定它应该在左侧还是右侧,并从消息数组中填充气泡的内容。

【讨论】:

【参考方案2】:

您能否检查消息是否来自我所持的设备并将其放在左侧?

如果您从中提取的数据以某种方式识别了用户,您可以轻松检查是哪个用户发送了消息并根据此定位单元格。

【讨论】:

以上是关于带有聊天气泡的自定义uitableview的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 MessageKit 创建自定义单元格?

UICollectionViewCell 上的自定义命中测试

请教仿微信聊天气泡效果 在ios中是怎么实现的

使用 osmdroid 覆盖项目的自定义信息气泡

Flutter 自定义聊天气泡

聊天会话框气泡