ios - 为消息创建气泡 View

Question

我想让单元格中的文本在其后面有气泡 View 。

目前消息文本在一个容器中，所以它只能变得这么大，

每个单元格都有来自核心数据的消息文本属性，因此消息标签的大小不同。

由于 View 层次结构，我似乎必须预测每个单元格的气泡大小，因为它位于实际的消息标签 View 下。

所以我想真正的问题是如何根据每个单元格文本成员动态调整 View 大小。

Answer 1

使用 NSString 中的 boundingRect 函数。

func estimateFrameForText(_ text: String) -> CGRect {
    let size = CGSize(width: 250, height: 1000)
    let options = NSStringDrawingOptions.usesFontLeading.union(.usesLineFragmentOrigin)
    return NSString(string: text).boundingRect(with: size, options: options, attributes: [NSFontAttributeName: UIFont(name:"OpenSans",size:15)!], context: nil)
}

设置最大值(宽度、高度 -> 在本例中为 250 和 1000)，添加文本使用的 UIFont，这将计算标签文本大小。将此函数用于气泡时，您可能应该添加一个 +20 高度和 +20 宽度的填充，这样气泡就不会靠近文本。

我个人在cellForItem里面是这样使用的:

let width = estimateFrameForText(message.content).width + 20
cell.bubbleWidthAnchor?.constant = width