自定义UITableViewCell头像被截断求助（需保留大头像）

嘿，这个问题我之前也碰到过！核心原因就是Auto Layout在计算空间时，默认会优先让内容少的视图“让步”，但我们需要明确告诉它：头像的尺寸不能动，必须优先保留。下面给你具体的解决步骤：

1. 给头像设置固定尺寸约束 #

首先确保你的profileImageView有明确的宽高约束（比如你想要的大尺寸，比如80x80），并且把这个约束的优先级设为最高（required，也就是1000），这样Auto Layout绝对不会修改它的尺寸。

代码示例：

profileImageView.translatesAutoresizingMaskIntoConstraints = false
// 设置固定宽高，优先级默认是最高的required
NSLayoutConstraint.activate([
    profileImageView.widthAnchor.constraint(equalToConstant: 80),
    profileImageView.heightAnchor.constraint(equalToConstant: 80),
    // 头像位置约束：左边距contentView 16pt，垂直居中
    profileImageView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 16),
    profileImageView.centerYAnchor.constraint(equalTo: contentView.centerYAnchor),
])

2. 调整视图布局优先级（关键步骤） #

我们需要通过优先级规则，让Auto Layout优先保护头像的尺寸：

• 给profileImageView设置水平方向的内容压缩阻力优先级为最高（1000）：告诉Auto Layout，这个视图绝对不能被压缩。
• 给nameLabel和detailsLabel设置水平方向的内容拥抱优先级为较低值（比如250），同时把它们的水平内容压缩阻力优先级也设为较低值：告诉Auto Layout，这两个标签可以灵活调整空间，优先保证头像的尺寸。

代码示例：

// 确保头像不被压缩
profileImageView.setContentCompressionResistancePriority(.required, for: .horizontal)

// 让标签可以自适应空间，优先保留头像
nameLabel.setContentHuggingPriority(.defaultLow, for: .horizontal)
detailsLabel.setContentHuggingPriority(.defaultLow, for: .horizontal)
nameLabel.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
detailsLabel.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)

3. 正确设置右侧标签的约束 #

给标签设置约束时，不要用equalTo绑定右边距，而是用lessThanOrEqualTo，这样标签的宽度可以根据文本长度自适应，不会强制占据所有空间，也就不会挤压头像：

nameLabel.translatesAutoresizingMaskIntoConstraints = false
detailsLabel.translatesAutoresizingMaskIntoConstraints = false

NSLayoutConstraint.activate([
    // 标签与头像保持16pt间距
    nameLabel.leadingAnchor.constraint(equalTo: profileImageView.trailingAnchor, constant: 16),
    // 标签右边距contentView最多16pt（文本短的时候可以更窄）
    nameLabel.trailingAnchor.constraint(lessThanOrEqualTo: contentView.trailingAnchor, constant: -16),
    nameLabel.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 16),
    
    detailsLabel.leadingAnchor.constraint(equalTo: nameLabel.leadingAnchor),
    detailsLabel.trailingAnchor.constraint(lessThanOrEqualTo: contentView.trailingAnchor, constant: -16),
    detailsLabel.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -16),
    detailsLabel.topAnchor.constraint(equalTo: nameLabel.bottomAnchor, constant: 8),
])

如果你用Interface Builder布局 #

操作更直观：

1. 选中profileImageView，打开Size Inspector，找到Content Compression Resistance Priority，把Horizontal的值改成1000。
2. 选中两个标签，同样在Size Inspector里，把Content Hugging Priority的Horizontal设为250，Content Compression Resistance Priority的Horizontal也设为250。
3. 给头像添加固定宽高约束，再按上述逻辑设置标签的约束即可。

这样设置后，不管详情标签的文本有多短，头像都会保持你设置的大尺寸，不会被截断啦！

内容的提问来源于stack exchange，提问作者Learn in Tamil