字符串边框计算的高度与UITextView内容高度不匹配。

Question

我有一个带有可变大小单元格的UITableView。高度基于一个我需要显示的文本块，所以我需要测量文本。

我只是使用一些Lorem Ipsum文本：

“Nullam est elit，rutrum volutpat scelerisque eu，tincidunt ut magna。Quisque sit amet odio quis eros lobortis cursus。Phasellus mauris augue，mattis a posuere sit amet，dictum sit amet ipsum。Praesent velit sapien，tristique ut pellentesque eget，venenatis in est。Curabitur accumsan lacus nec ultricies finibus。In commodo，turpis at auctor lobortis，augue ipsum tincidunt lorem，vitae fringilla libero magna eget tortor。Sed et ultrices odio，et viverra diam。Mauris semper non lorem varius sollicitudin。Maecenas nec dui lectus。In hac habitasse platea dictumst。Quisque sapien ex，pretium id vehicula eget，tempus at nisl。Class aptent taciti sociosqu ad litora torquent per conubia nostra，per inceptos himenaeos。Aliquam vel sollicitudin velit，efficitur accumsan sem。Quisque id urna blandit，cursus justo sed，aliquet velit。Nullam id ipsum pellentesque，gravida nulla ut，tempor libero。”

当我调用ceil（text.height（））时，它返回386.0高，但当我将该文本放入UITextView并打印出UITextView的内容大小时，它说内容高度为422.0。（即我的文本被截断，因为UITextView不够高以显示所有内容。）

为什么会有差异？

我正在使用以下字符串扩展来计算文本的高度：

extension String {

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

        return boundingBox.height
    }

}

然后在 tableView(heightForRowAt:) 中，我计算文本的高度并将其添加到文本视图上方和下方的空间中，以获取完整的单元格高度（这在我开始调试之前更加优雅）：

let textviewWidth = self.view.frame.size.width-CGFloat(32)
let spaceAboveTextView = CGFloat(45)
let spaceBelowTextView = CGFloat(16)
let textHeight = ceil(text.height(withConstrainedWidth: textviewWidth, font: UIFont.systemFont(ofSize: 17.0)))
let height = spaceAboveTextView + textHeight + spaceBelowTextView

我已经确认UITextView使用大小为17的系统字体，与我上面的代码相匹配。

我已经验证了UITextView的框架（在显示后），它是(16.0, 45.0, 382.0, 385.6667)，因此spaceAboveTextView=45是准确的，width=382也是准确的。我还检查了UITextView的约束条件，它有一个底部约束为8pt到边缘，并且边缘为8pt，总共是16pt的spaceBelowTextView。

那么，我做错了什么？

- Kenny Wyland

---

请澄清一下：您是否使用UITextView来支持多行文本。如果是这样，请重构以使用UILabel。只需将行数设置为0并设置约束即可。除非有其他需要，否则将UITextView设置为不滚动应该使其自我调整大小，就像任何其他视图一样。 - Dustin Pfannenstiel

我也遇到了同样的问题。你找到解决方案了吗？ - derpoliuk

使用这段代码确实帮助我计算正确的高度：https://stackoverflow.com/q/32613836/1226304 - derpoliuk

Answer 1

很可能你遇到了问题，因为你忘记了考虑 textContainerInset（还有其他文本视图的插入）。

默认情况下，他们从顶部、左侧和右侧各为8。

尝试将你的代码更改为以下内容：

let textviewWidth = self.view.frame.size.width-CGFloat(32)-textView.textContainerInset.left-textView.textContainerInset.right
let spaceAboveTextView = CGFloat(45)+textView.textContainerInset.top
// bottom space is 0 by default. But lets add it just in case ;)
let spaceBelowTextView = CGFloat(16)+textView.textContainerInset.bottom
let textHeight = ceil(text.height(withConstrainedWidth: textviewWidth, font: UIFont.systemFont(ofSize: 17.0)))
let height = spaceAboveTextView + textHeight + spaceBelowTextView

我刚刚测试了这个解决方案，对于字号为17的系统字体，它可以正常工作。如果这个方法不起作用，请告诉我！

- Andriy Gordiychuk

---

我之前看过contentInsets，但它们都是零，我也看了textContainer，但没有看到textContainerInsets。这些占了16个点，所以肯定有帮助，但我还是在某个地方遗漏了什么。 - Kenny Wyland

这个解决方案对于短字符串有帮助，但是在较长的字符串上，高度差异非常大（在约1700个单词的属性字符串中超过250个点）。 - derpoliuk

Answer 2

在屏幕上测量文本很困难，因为系统会更改字体、间距等，以使文本在CRT上更易读（例如，它可以用屏幕字体替换矢量字体）。即使这样，在使用具有高上升或下降的字符（如Å）时仍可能出现重叠。

NSString和NSAttributedStrings具有测量例程，可以计算当前图形上下文中文本的边界大小。请参见boundingRectWithSize:options:attributes:context:。过去，当我没有方便的CGContext时，我所做的另一件事是创建一个小的离屏位图上下文（比如1像素大小），并将其设置为当前上下文，同时测量文本。

还要注意的另一件事是UITextView绘制到其textContainer而不是其frame中。如果我没记错，默认容器是由4或5个像素插入的框架。

- Scott Thompson