Swift iOS中TableView使用accessoryView时UIView无法占满宽度

问题原因 #

UITableViewCell默认布局中，contentView与accessoryView之间存在系统预留间距，同时默认的cell分隔线（separator）带有缩进，导致下划线无法铺满屏幕宽度。

解决方案 #

方案一：自定义全屏下划线视图

直接在cell上添加下划线视图，约束到cell的左右边缘，而非contentView：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "YourCellIdentifier", for: indexPath)
    
    // 原有单选框设置
    let image = UIImage(named: "radioUnselected")
    let checkmark = UIImageView(frame: CGRect(x: 0, y: 0, width: 25, height: 25))
    checkmark.image = image
    cell.selectionStyle = .none
    cell.accessoryView = checkmark
    
    // 移除复用cell中已有的下划线（避免重复添加）
    cell.subviews.filter { $0.tag == 999 }.forEach { $0.removeFromSuperview() }
    
    // 创建并添加全屏下划线
    let underline = UIView()
    underline.tag = 999
    underline.backgroundColor = .lightGray
    underline.translatesAutoresizingMaskIntoConstraints = false
    cell.addSubview(underline)
    
    // 设置约束：底部对齐、左右贴边、高度1
    NSLayoutConstraint.activate([
        underline.bottomAnchor.constraint(equalTo: cell.bottomAnchor),
        underline.leadingAnchor.constraint(equalTo: cell.leadingAnchor),
        underline.trailingAnchor.constraint(equalTo: cell.trailingAnchor),
        underline.heightAnchor.constraint(equalToConstant: 1)
    ])
    
    return cell
}

方案二：调整系统分隔线的缩进

如果使用的是UITableView自带的separator作为下划线，只需取消缩进即可：

// 在ViewController的viewDidLoad中设置
override func viewDidLoad() {
    super.viewDidLoad()
    tableView.separatorInset = UIEdgeInsets.zero
    tableView.layoutMargins = UIEdgeInsets.zero
}

// 在cellForRowAt中补充
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "YourCellIdentifier", for: indexPath)
    
    // 原有单选框设置
    let image = UIImage(named: "radioUnselected")
    let checkmark = UIImageView(frame: CGRect(x: 0, y: 0, width: 25, height: 25))
    checkmark.image = image
    cell.selectionStyle = .none
    cell.accessoryView = checkmark
    
    // 取消cell的布局边距
    cell.layoutMargins = UIEdgeInsets.zero
    
    return cell
}

方案三：使用自定义UITableViewCell

创建自定义cell类，提前添加下划线视图并设置全屏约束，避免在cellForRowAt中重复操作：

class CustomRadioCell: UITableViewCell {
    let underlineView: UIView = {
        let view = UIView()
        view.backgroundColor = .lightGray
        view.translatesAutoresizingMaskIntoConstraints = false
        return view
    }()
    
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        setupViews()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupViews()
    }
    
    private func setupViews() {
        selectionStyle = .none
        addSubview(underlineView)
        
        NSLayoutConstraint.activate([
            underlineView.bottomAnchor.constraint(equalTo: bottomAnchor),
            underlineView.leadingAnchor.constraint(equalTo: leadingAnchor),
            underlineView.trailingAnchor.constraint(equalTo: trailingAnchor),
            underlineView.heightAnchor.constraint(equalToConstant: 1)
        ])
    }
}

// 在cellForRowAt中使用
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "CustomRadioCell", for: indexPath) as! CustomRadioCell
    
    // 设置单选框
    let image = UIImage(named: "radioUnselected")
    let checkmark = UIImageView(frame: CGRect(x: 0, y: 0, width: 25, height: 25))
    checkmark.image = image
    cell.accessoryView = checkmark
    
    return cell
}

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