ios - 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)
}

当这段代码运行时，我得到大量计算错误的单元格大小:

如您所见， View 的框架非常困惑。 第一行是“嘿呀”，第二行是“生活过得怎么样”，第三行是“我是订书机，你是教科书”。有些单元格太窄，有些单元格太宽。

这是我的自定义 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

我个人使用了 bounding rect 并在加载试错方法后设法计算出文本的确切高度。我个人建议创建一个 textView 实例，将其属性设置为与您在 Storyboard中拥有的 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;
}