首页 > 解决方案 > 在 UITextView 中放置附加文本 - WhatsApp 时间戳副本

问题描述

请参阅下图 Whatsapp,尤其是红圈内的文字:

在此处输入图像描述

图像上有 Lorum 文本和消息时间戳的时间戳。我想知道 Whatsapp 是如何做到这一点的。

我认为 Whatsapp 正在使用 a UITextView,但我不确定。我想知道如何制造这种细胞。我尝试使用属性文本属性添加时间戳,但我在计算正确的大小时遇到​​了很多麻烦。也许有一个简单的解决方案。

注意:没有 xibs/storyboards,只有代码。

注意 2:如图所示,UITextView 内的文本包裹在 timestamp 周围。这是我想要复制的行为。

标签: swiftuitextview

解决方案


为了实现WhatsApp聊天行的布局,即消息+时间,我使用了以下策略。使用 2 标签。第一个用于消息和第二个日期。第一次,我对顶部、底部、左侧和右侧有限制视图。第二,我将它限制在视图的右侧和底部。

现在为了避免第一个和第二个重叠,我在聊天消息的末尾附加了“空格”。例如,如果消息是"Hi"我发送给"Hi ". 这确保我的时间和刻度不重叠。


推荐阅读