iOS 15系统UITableView添加section header padding，完美解决问题

2023-01-01 12:33:41

iOS 15 中禁用 UITableView section header padding 的终极指南

随着 iOS 15 系统的发布，UITableView 迎来了重大更新，其中一项备受争议的改变是 section header 添加了 22 像素的 padding。虽然这提高了用户体验，但开发人员却发现它可能与应用程序的设计风格不符。

为什么要禁用 section header padding？

iOS 为 section header 添加 padding 的初衷是为了提升视觉吸引力。然而，对于追求特定美学效果的开发人员来说，这可能会产生相反的效果。多余的空白会破坏精心设计的界面，导致section header 与其他元素之间出现不和谐。

解决方法：禁用 section header padding

要禁用 iOS 15 中的 section header padding，需要进行一些定制化操作。按照以下步骤操作即可：

引入依赖项

import UIKit

创建 UITableView

let tableView = UITableView(frame: .zero, style: .plain)

禁用估计行高

这将确保 UITableView 准确计算 section header 的高度。

tableView.estimatedRowHeight = 0

设置 section header 高度

指定所需的高度。

tableView.sectionHeaderHeight = 44

禁用 section header 粘性

防止 section header 悬浮在屏幕顶部。

tableView.sectionHeaderTopPadding = 0

实现 tableView 委托方法

func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return 44
}

代码示例

import UIKit

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {

    let tableView = UITableView(frame: .zero, style: .plain)

    override func viewDidLoad() {
        super.viewDidLoad()

        // 禁用估计行高
        tableView.estimatedRowHeight = 0
        // 设置 section header 高度
        tableView.sectionHeaderHeight = 44
        // 禁用 section header 粘性
        tableView.sectionHeaderTopPadding = 0

        // 设置 tableView 委托
        tableView.delegate = self
        tableView.dataSource = self

        // 添加到视图
        view.addSubview(tableView)
    }

    // MARK: - UITableViewDelegate, UITableViewDataSource

    func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
        return 44
    }

    // ...其他委托和数据源方法

}