文本显示不全：预估行高+自动布局布局陷阱剖析

IOS

2024-02-26 07:11:39

引言：文本显示不全，背后的陷阱

在 iOS 开发中，文本内容显示不全是一个常见的问题。开发者常常遇到这样的场景：文本内容明明已经设置了足够的约束，但最后一行仍然被截断，无法完整显示。这是因为开发者陷入了“预估行高+自动布局”的陷阱。

一、预估行高：理解和应用

预估行高是一种根据文本内容预估其所需高度的方法，常用于自动布局。通过预估行高，开发者可以更准确地设置约束，从而避免文本内容被截断。然而，预估行高也存在一定局限性。

二、预估行高的局限性

预估行高存在一定的误差，尤其是当文本内容包含特殊字符或表情符号时。此外，预估行高只考虑了文本内容本身的高度，而没有考虑其他因素，例如文本内容与其他控件的间距。因此，预估行高只能作为参考，并不能保证文本内容一定能够完整显示。

三、解决方案：全面考虑文本内容高度

为了解决文本内容显示不全的问题，开发者需要全面考虑文本内容高度。首先，开发者需要确保文本内容与其他控件的间距足够，以防止文本内容被截断。其次，开发者需要考虑文本内容可能包含特殊字符或表情符号，并根据实际情况调整约束。

四、实例：约束调整，确保文本完整显示

以下是一个示例，演示如何通过调整约束来确保文本内容完整显示。

// 创建一个UILabel对象
UILabel *label = [[UILabel alloc] init];

// 设置文本内容
label.text = @"这是一段很长的文本内容，可能会被截断。";

// 设置约束
label.leadingAnchor.constraintEqualToAnchor(self.view.leadingAnchor, constant: 16).active = YES;
label.trailingAnchor.constraintEqualToAnchor(self.view.trailingAnchor, constant: -16).active = YES;
label.topAnchor.constraintEqualToAnchor(self.view.topAnchor, constant: 100).active = YES;

// 设置预估行高
label.estimatedTextHeight = 100;

// 设置内容压缩抵抗优先级
label.contentCompressionResistancePriority = UILayoutPriorityDefaultLow;