如何为UITableView中的自定义Cell添加圆角？

你遇到的问题是因为UITableViewCell的contentView默认填充整个cell区域，且层级在cell的layer之上，直接设置cell的layer属性会被contentView遮挡。可以通过以下方法解决：

方法一：调整contentView属性（推荐） #

直接将圆角、边框属性应用到contentView，并确保cell背景透明：

let cell = tableView.dequeueReusableCell(withIdentifier: "FriendCell", for: indexPath)
let friend = friends[indexPath.row]

cell.textLabel?.text = friend.value(forKey: "name") as? String
cell.textLabel?.textAlignment = .center

// 关键修改
cell.backgroundColor = .clear
cell.contentView.layer.cornerRadius = 12
cell.contentView.layer.borderColor = UIColor.red.cgColor
cell.contentView.layer.borderWidth = 1 // 原代码未设置边框宽度，需补充
cell.contentView.clipsToBounds = true

方法二：自定义cell的backgroundView #

如果需要更灵活的样式控制，可给cell设置自定义背景视图：

let cell = tableView.dequeueReusableCell(withIdentifier: "FriendCell", for: indexPath)
let friend = friends[indexPath.row]

cell.textLabel?.text = friend.value(forKey: "name") as? String
cell.textLabel?.textAlignment = .center

// 创建自定义背景视图
let bgView = UIView()
bgView.layer.cornerRadius = 12
bgView.layer.borderColor = UIColor.red.cgColor
bgView.layer.borderWidth = 1
bgView.backgroundColor = .white // 设置cell所需背景色
cell.backgroundView = bgView
cell.backgroundColor = .clear

注意事项 #

• 必须设置borderWidth，仅设置borderColor不会显示边框
• 若cell有选中状态，需同步设置selectedBackgroundView的对应样式，避免选中时样式错乱

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