UITextView 的boundingRect 无法正常工作

Question

我目前在 UITextField 上有以下扩展来计算给定字符串的边界矩形。

func widthHeight(font: UIFont) -> CGRect {
    let constraintRect = CGSize(width: 200, height: 1000)
    let boundingBox = self.boundingRect(with: constraintRect, options: .usesLineFragmentOrigin, attributes: [NSFontAttributeName: font], context: nil)
    return boundingBox
}

的宽度constraintRect是我想要允许的盒子的最大宽度。

我像这样设置值和单元格：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    if let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuse, for: indexPath) as? ChatCollectionViewCell {

        let text = self.chatLog[indexPath.row].text
        cell.chatTextView.text = text

        cell.chatViewWidth = (text?.widthHeight(font: UIFont.systemFont(ofSize: 16)).width)!

        return cell
    }
    return UICollectionViewCell()
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    if let text = self.chatLog[indexPath.row].text {            
        let box = text.widthHeight(font: UIFont.systemFont(ofSize: 16))
        return CGSize(width: view.frame.width, height: box.height + 10)
    }
    return CGSize(width: self.view.frame.width, height: 60)
}

当此代码运行时，我会严重错误地计算单元格大小：

正如您所看到的，视图的框架非常混乱。第一行是“嘿呀”，第二行是“到目前为止生活还好吗”，第三行是“我是订书机，你是课本”。有些单元格太窄，有些单元格太宽。

这是我的自定义 collectionViewCell 的一些附加代码：

override init(frame: CGRect) {
    super.init(frame: frame)

    setupViews()
}

override func layoutSubviews() {

    chatView.frame = CGRect(x: 0, y: 0, width: chatViewWidth, height: frame.height)
    chatTextView.frame = CGRect(x: chatView.frame.origin.x + 10, y: 0, width: chatView.frame.width - 20, height: chatView.frame.height)
}

func setupViews() {    

    if isTextFromCurrentUser {
        chatTextView.frame = CGRect(x: 10, y: 0, width: frame.width - 140, height: frame.height)
        chatTextView.backgroundColor = .white
    } else {
        chatTextView.frame = CGRect(x: frame.width - 150, y: 0, width: frame.width - 140, height: frame.height)
        chatTextView.backgroundColor = .blue
    }

    chatTextView.font = UIFont.systemFont(ofSize: 16)
    chatTextView.layer.cornerRadius = 9
    chatTextView.clipsToBounds = true
    chatTextView.autoresizingMask = UIViewAutoresizing.flexibleHeight
    chatTextView.isScrollEnabled = false

    contentView.addSubview(chatView)
    contentView.addSubview(chatTextView)
}

Answer 1

化疗，

因为我相信它是一个聊天气泡，您试图为其设置高度，并且聊天气泡内部不能有任何滚动，所以请确保您的 textView 的滚动被禁用。

其次，聊天气泡应该根据内容增加其高度，并且没有高度限制，CGFloat.greatestFiniteMagnitude在计算boundingRect时使用您可以容纳的尽可能高的高度

func widthHeight(font: UIFont) -> CGRect {
    let constraintRect = CGSize(width: 200, height: CGFloat.greatestFiniteMagnitude)
    let boundingBox = self.boundingRect(with: constraintRect, options: .usesLineFragmentOrigin, attributes: [NSFontAttributeName: font], context: nil)
    return boundingBox
}

最后确保没有contentInset设置textView。如果contentInset设置为左 5 和右 5，请确保从可容纳的最大宽度中减去 10 (5 + 5)。

由于高度是方程中唯一的变量，因此设置宽度是获得正确高度的关键。确保您设置的行选项与您的 textViews 属性正确匹配。

建议：

UITableView可以利用单元格的自动高度，并在 textView 上设置滚动禁用，使 textView 根据文本集计算其大小。我的意思是 textView 将尊重隐式大小。

因为我相信您正在创建一个聊天应用程序，其中每个气泡都是一个单元格，所以请考虑使用 UITableView 的更明智的选择，并利用自动单元格高度的好处，然后搞乱 collectionView，它希望您手动提供每个项目的大小。

一点建议：D

我个人使用过边界矩形，并在经过大量试验和错误方法后设法计算出文本的准确高度。我个人建议创建一个 textView 实例，将其属性设置为与故事板中的 textView 属性完全匹配，然后设置要显示的文本并使用 sizeThatFits 来获取 textView 的实际大小，这要容易得多。

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
       let textView = UITextView(frame: CGRect.zero)
       //set textView property here 
       textView.text = self.chatLog[indexPath.row].text
       let size = textView.sizeThatFits(CGSize(width: textView.bounds.width, height: CGFloat.greatestFiniteMagnitude))
       return size;
}