为消息创建气泡视图

Question

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

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

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

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

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

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

为消息创建气泡视图

Creating a bubble view for messages

xcode

ios

nslayoutconstraint

swift