iOS开发：为tableView与tableHeaderView设置不同背景色

需求回顾 #

• 主视图为带渐变效果的红色背景
• tableHeaderView 需设置为透明色（因表头带圆角，需透过透明区域显示圆角效果）
• tableView（除表头外）背景为白色，即使仅含一个单元格，其下方空白区域也必须显示为白色

视图层级 #

主视图上方直接放置 tableView

当前代码与问题 #

当前的代码设置如下：

view.backgroundColor = .clear 
tableView.backgroundColor = UIColor.clear 
... 
cell.backgroundColor = UIColor.clear 
... 
tableView.tableHeaderView = someView (with clear color)

遇到的问题：设置后 tableView 背景为透明，当单个单元格设为白色时，单元格下方的空白区域依然是透明状态，无法显示为需求中的白色。

问题原因 #

当 tableView 的单元格总高度不足以填满屏幕时，下方空白区域会直接显示 tableView 的背景色（此处设为了透明），而非自动继承单元格的背景色。要解决这个问题，我们需要给 tableView 添加一个足够高的脚视图，用它来覆盖空白区域并设置白色背景。

解决代码 #

tableView.tableFooterView = UIView()
if let tableFooterView = tableView.tableFooterView {
    let bigFooterView = UIView()
    bigFooterView.backgroundColor = .white
    tableFooterView.addSubview(bigFooterView)
    bigFooterView.translatesAutoresizingMaskIntoConstraints = false
    
    // 添加约束让白色视图填满脚视图，高度设为屏幕2倍确保覆盖所有空白
    NSLayoutConstraint.activate([
        bigFooterView.trailingAnchor.constraint(equalTo: tableFooterView.trailingAnchor),
        bigFooterView.leadingAnchor.constraint(equalTo: tableFooterView.leadingAnchor),
        bigFooterView.topAnchor.constraint(equalTo: tableFooterView.topAnchor),
        bigFooterView.heightAnchor.constraint(equalToConstant: UIScreen.main.bounds.height * 2)
    ])
}

（注：这里把原代码的手动添加约束改成了更简洁的NSLayoutConstraint.activate写法，功能完全一致，代码可读性更高）

代码逻辑说明 #

1. 先给 tableView 设置一个空的 tableFooterView，避免系统默认显示空单元格的分隔线
2. 创建高度为屏幕2倍的白色视图，确保它能完全覆盖所有可能出现的空白区域
3. 通过约束让白色视图填满整个脚视图，这样单元格下方的空隙就会被这个白色视图填充，满足需求

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