Swift浅色主题下UITableView单元格灰色线条去除求助

我是Swift新手，跟着Amr版Netflix克隆项目教程做，教程用深色主题，我改成浅色主题后，UITableView单元格后面出现灰色线条。之前标题栏（Trending Movies、Popular等区域）的灰色背景已经改好，但剩下的灰色条在深色主题里是黑色的，添加标题文本后才出现这个问题，排查代码没找到原因，求问题原因和解决方法。

Controller文件 #

let sectionTitles: [String] = ["Trending Movies", "Popular", "Trending TV", "Upcoming movies", "Top rated"]
    
override func viewDidLayoutSubviews() {
    super .viewDidLayoutSubviews()
    homeFeedTable.frame = view.bounds
}
    
}

extension HomeViewController: UITableViewDelegate, UITableViewDataSource{
    
    func numberOfSections(in tableView: UITableView) -> Int {
        return sectionTitles.count
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 1
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        
        guard let cell = tableView.dequeueReusableCell(withIdentifier: CollectionViewTableViewCell.identifier, for: indexPath) as? CollectionViewTableViewCell else{
            return UITableViewCell()
        }
        
        return cell
    }
    
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 200
    }
    
    func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
        return 40
    }
    
    //header text appearance
    func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
        guard let header = view as? UITableViewHeaderFooterView else {return}
        header.textLabel?.font = .systemFont(ofSize: 18, weight: .semibold)
        header.textLabel?.frame = CGRect(x: header.bounds.origin.x + 20, y: header.bounds.origin.y, width: 100, height: header.bounds.height)
        header.contentView.backgroundColor = UIColor.systemBackground //background replacement
        header.textLabel?.textColor = .black
        header.textLabel?.text = header.textLabel?.text?.lowercased()
    }
    
    //displaying names for each section
    func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        return sectionTitles[section]
    }
}

Views文件 #

import UIKit

class CollectionViewTableViewCell: UITableViewCell {

    static let identifier = "CollectionViewTableViewCell"
    
    private let collectionView: UICollectionView = {
        
        let layout = UICollectionViewFlowLayout()
        layout.itemSize = CGSize(width: 140, height: 200)
        layout.scrollDirection = .horizontal
        let collectionView = UICollectionView(frame: .zero, collectionViewLayout: layout)
        collectionView.register(UICollectionViewCell.self, forCellWithReuseIdentifier: "cell")
        return collectionView
    }()
    
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        contentView.backgroundColor = UIColor.systemBackground
        contentView.addSubview(collectionView)
        
        collectionView.delegate = self
        collectionView.dataSource = self
        
    }
    
    required init?(coder: NSCoder) {
        fatalError()
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        collectionView.frame = contentView.bounds
    }
    
}

extension CollectionViewTableViewCell: UICollectionViewDelegate, UICollectionViewDataSource{
    
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath)
        cell.backgroundColor = .green
        return cell
        
    }
    
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return 10
    }
    
}

问题原因 #

这个灰色线条是UITableView默认的单元格分隔线：深色主题下，分隔线默认颜色和背景色（黑色）接近，所以看不见；切换到浅色主题后，分隔线的默认灰色和浅色背景形成对比，就显示出来了。你之前只处理了标题栏的背景，没关注到单元格分隔线的问题。

解决方法 #

方法1：直接隐藏分隔线

在HomeViewController的viewDidLoad方法里添加一行代码，关闭分隔线：

homeFeedTable.separatorStyle = .none

方法2：修改分隔线颜色匹配背景

如果想保留分隔线但让它不显眼，把分隔线颜色设置成和系统背景一致：

homeFeedTable.separatorColor = .systemBackground

额外优化

同时确保UITableView本身的背景色和系统背景统一，避免其他灰色区域：

homeFeedTable.backgroundColor = .systemBackground

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