Swift中Inset Grouped样式UITableView转图片的问题求解

问题1：首尾单元格上下角均被圆角处理 #

Inset Grouped样式的UITableView默认规则是：每个组的第一个单元格仅顶部圆角，最后一个单元格仅底部圆角。转图时出现首尾单元格全圆角，是因为渲染上下文未正确识别单元格的组内位置，可通过以下方式修复：

1. 动态设置单元格圆角规则
   在cellForRowAt方法中，根据单元格在组内的位置精准控制圆角：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
    let sectionRowCount = tableView.numberOfRows(inSection: indexPath.section)
    
    // 重置圆角状态
    cell.layer.cornerRadius = 0
    var targetCorners = CACornerMask()
    
    if indexPath.row == 0 {
        // 组首单元格：仅顶部两角圆角
        targetCorners.insert([.layerMinXMinYCorner, .layerMaxXMinYCorner])
    }
    if indexPath.row == sectionRowCount - 1 {
        // 组尾单元格：仅底部两角圆角
        targetCorners.insert([.layerMinXMaxYCorner, .layerMaxXMaxYCorner])
    }
    
    cell.layer.maskedCorners = targetCorners
    cell.layer.cornerRadius = 12 // 匹配系统Inset Grouped默认圆角尺寸
    cell.clipsToBounds = true
    return cell
}

2. 转图前强制更新布局
   确保tableView布局完全生效后再生成图片：

tableView.layoutIfNeeded()
tableView.reloadData()

问题2：阴影多层重叠效果 #

阴影叠加是因为手动绘制上下文时重复渲染了tableView的阴影层，推荐用系统快照API解决，或者手动控制渲染逻辑：

方式1：使用系统快照视图转图（推荐） #

UIView.snapshotView会直接截取当前视图的最终渲染状态，避免手动绘制的重复阴影问题：

func convertTableViewToImage(_ tableView: UITableView) -> UIImage? {
    let originalFrame = tableView.frame
    // 临时调整tableView到完整内容尺寸
    tableView.frame = CGRect(origin: .zero, size: CGSize(width: tableView.bounds.width, height: tableView.contentSize.height))
    tableView.layoutIfNeeded()
    
    guard let snapshotView = tableView.snapshotView(afterScreenUpdates: true) else {
        tableView.frame = originalFrame
        return nil
    }
    
    // 将快照视图转为UIImage
    UIGraphicsBeginImageContextWithOptions(snapshotView.bounds.size, false, UIScreen.main.scale)
    snapshotView.drawHierarchy(in: snapshotView.bounds, afterScreenUpdates: false)
    let resultImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    
    // 恢复tableView原布局
    tableView.frame = originalFrame
    return resultImage
}

方式2：手动绘制时控制阴影渲染 #

如果必须用手动上下文绘制，需确保阴影仅渲染一次：

func convertTableViewToImageManual(_ tableView: UITableView) -> UIImage? {
    let originalFrame = tableView.frame
    let targetSize = CGSize(width: tableView.bounds.width, height: tableView.contentSize.height)
    tableView.frame = CGRect(origin: .zero, size: targetSize)
    tableView.layoutIfNeeded()
    
    UIGraphicsBeginImageContextWithOptions(targetSize, false, UIScreen.main.scale)
    defer { UIGraphicsEndImageContext() }
    
    // 先绘制阴影层
    let shadowPath = UIBezierPath(rect: tableView.bounds)
    tableView.layer.shadowPath = shadowPath.cgPath
    tableView.layer.render(in: UIGraphicsGetCurrentContext()!)
    
    // 绘制tableView内容，避免重复渲染阴影
    tableView.drawHierarchy(in: tableView.bounds, afterScreenUpdates: false)
    
    let resultImage = UIGraphicsGetImageFromCurrentImageContext()
    tableView.frame = originalFrame
    return resultImage
}

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