UITableView单元格布局异常：标签重叠、图片左移问题求助

看你遇到的这个UITableView显示异常，核心大概率是Cell的自动布局约束配置出问题了，结合你的代码和效果，我整理了几个关键修复步骤：

1. 先确认Cell的Nib注册是否生效 #

你的代码里registerNib那行被注释掉了！如果SimpleTableCell是用XIB创建的，必须确保这行代码生效：

- (void)viewDidLoad {
    [super viewDidLoad];
    // 取消注释这行，保证XIB被正确注册到TableView
    [self.emplyoyeeTableView registerNib:[UINib nibWithNibName:@"SimpleTableCell" bundle:nil] forCellReuseIdentifier:@"SimpleTableCell"];
    // ... 其他原有代码
}

要是你是在Storyboard里关联的Cell，记得检查Storyboard中Cell的Identifier和代码里的SimpleTableCell完全一致，且Cell的Class已经设置为SimpleTableCell。

2. 检查Cell内部控件的约束（最关键） #

标签重叠、图片左偏移几乎都是约束不完整或错误导致的，你需要在XIB里给每个控件补全正确约束：

• 图片视图（picImageView）：
  • 添加Leading约束到Cell的contentView（比如留16pt间距），设置固定宽高（比如80x80），再加上CenterY约束到contentView，确保图片居中不偏移；
• 文本标签（nameLabel/emailLabel/designationLabel）：
  • 给nameLabel加Leading约束到图片的Trailing（比如间距16pt），Top约束到contentView顶部（比如16pt）；
  • emailLabel的Leading/Trailing和nameLabel对齐，Top约束到nameLabel的Bottom（间距8pt）；
  • designationLabel同理对齐前两个标签，Top约束到emailLabel的Bottom，同时加Bottom约束到contentView底部（间距16pt），这样标签不会重叠，Cell的高度也能适配内容；
• 注意：所有约束都要添加到contentView上，而不是Cell本身——UITableViewCell的布局容器是contentView，直接绑到Cell上会出问题。

3. 修复约束冲突或补全缺失约束 #

在XIB里点击Resolve Auto Layout Issues按钮，先选Update Frames同步约束和控件位置，要是有红色警告（约束冲突），就删除多余的约束；如果是黄色警告（缺失约束），选Add Missing Constraints补全，确保约束逻辑没有矛盾。

4. 可选：改用自动Cell高度（替代固定高度） #

如果你想让Cell高度根据内容自动适配，可以替换固定高度的代码：

// 在viewDidLoad里添加
self.emplyoyeeTableView.rowHeight = UITableViewAutomaticDimension;
self.emplyoyeeTableView.estimatedRowHeight = 110.0f;

// 移除原来的固定高度方法
// - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
//     return 110.0f;
// }

这样Cell会根据内部控件的约束自动计算高度，避免固定高度和内容不匹配导致的重叠。

额外小检查 #

• 确认nameLabel等标签的numberOfLines设置正确（比如设为0支持多行显示），文本过长也可能导致重叠；
• 把图片视图的contentMode设为UIViewContentModeScaleAspectFit，避免图片拉伸变形。

按照这些步骤调整后，应该就能解决标签重叠和图片偏移的问题了。

内容的提问来源于stack exchange，提问作者Sudhir