UITableViewCell中圆形图片显示异常：设圆角后无图或非正圆

嘿，我来帮你搞定这个圆形图片的问题！你遇到的两种异常情况（设为图片宽度一半时图片消失、设为30只显示圆角），核心原因都是UITableViewCell的imageView布局时机和尺寸匹配问题，咱们一步步说清楚：

问题根源 #

1. 混淆了图片原始尺寸与imageView实际显示尺寸 #

你用(image?.size.width)! / 2计算圆角半径，这里取的是图片文件本身的宽度（比如你的图片是200x200，那半径就是100），但UITableViewCell默认的imageView实际显示尺寸远小于这个值（通常是40x40左右）。当你把半径设为100时，会直接把整个图片都裁剪掉，自然就看不到了；而设为30时，imageView实际宽度只有40，30的半径只能把四个角切成圆角，没法形成正圆。

2. 布局时机错误 #

在cellForRowAt方法里直接设置圆角时，cell的布局还没完成，imageView的最终frame还没确定，这时候设置的半径是基于未生效的尺寸，结果肯定不对。

解决办法 #

方法一：自定义UITableViewCell（推荐） #

创建自定义Cell类，在layoutSubviews方法里设置圆角——这个方法是系统在布局完成后调用的，能准确拿到imageView的实际尺寸：

class CustomQuestionCell: UITableViewCell {
    override func layoutSubviews() {
        super.layoutSubviews()
        // 确保imageView是正方形，再设置圆角为宽高的一半
        guard let imageView = imageView else { return }
        imageView.layer.cornerRadius = imageView.frame.width / 2
        imageView.clipsToBounds = true
        // 如果需要强制imageView为正方形，可以加上这行
        // imageView.frame = CGRect(x: imageView.frame.origin.x, y: imageView.frame.origin.y, width: 40, height: 40)
    }
}

然后在cellForRowAt中使用这个自定义Cell：

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "CustomQuestionCell", for: indexPath) as! CustomQuestionCell
    let user = users[indexPath.row]
    cell.textLabel?.text = user.question
    cell.detailTextLabel?.text = user.name
    cell.imageView?.image = UIImage(named: user.profilePicture)
    return cell
}

方法二：在cellForRowAt中强制更新布局 #

如果不想自定义Cell，可以先让cell完成布局，再设置圆角：

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    var cell = tableView.dequeueReusableCell(withIdentifier: "QuestionLine")
    if cell == nil {
        cell = UITableViewCell(style: .subtitle, reuseIdentifier: "QuestionLine")
    }
    let user = users[indexPath.row]
    cell?.textLabel?.text = user.question
    cell?.detailTextLabel?.text = user.name
    cell?.imageView?.image = UIImage(named: user.profilePicture)
    
    // 强制cell完成布局，拿到imageView的实际frame
    cell?.layoutIfNeeded()
    if let imageView = cell?.imageView {
        imageView.layer.cornerRadius = imageView.frame.width / 2
        imageView.clipsToBounds = true
    }
    
    return cell!
}

额外提醒：要确保imageView是正方形，否则就算设置了半径为宽度一半，也会显示成椭圆。如果需要固定尺寸，可以给imageView添加约束，或者在layoutSubviews里手动设置正方形frame。

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