7.1_纯代码创建UITableView

开启UITableView的纯代码之旅

在iOS开发中，UITableView是显示数据列表的核心组件，几乎每个应用都会用到它。纯代码创建UITableView让你对UI布局有更精细的控制，并且能更好地理解其工作原理。这绝对是掌握iOS开发的关键一步！🚀

初始化UITableView

要纯代码创建UITableView，你首先需要实例化它。你可以选择两种样式：.plain（普通样式）或.grouped（分组样式）。通常，.plain样式用于显示简单的、连续的数据列表，而.grouped样式则更适合显示设置界面或具有逻辑分组的数据。

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

这里，我们将frame设置为.zero，因为我们稍后会使用Auto Layout来定义其大小和位置。选择正确的样式是构建用户界面的第一步，它直接影响用户体验。

添加到视图层级

创建UITableView实例后，下一步是将其添加到你的视图控制器的主视图上。这使得UITableView成为可见的UI元素。

view.addSubview(tableView)

这一步至关重要，因为任何UI组件只有被添加到视图层级中才能被用户看到和交互。想象一下，你正在搭建一个积木城堡，每块积木都必须正确放置才能形成完整的结构。

配置Auto Layout约束

为了让UITableView在不同设备尺寸和方向上都能正确显示，你需要为其设置Auto Layout约束。这确保了它能灵活地适应各种布局需求。

tableView.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    tableView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
    tableView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
    tableView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    tableView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor)
])

• translatesAutoresizingMaskIntoConstraints = false：这行代码告诉系统，我们将手动设置约束，而不是让系统自动生成。
• safeAreaLayoutGuide：这确保了你的表格视图不会被状态栏、导航栏或主页指示器等系统UI元素遮挡。这是iOS 11及更高版本中推荐的做法，极大地提升了用户体验。

关键属性设置

在创建UITableView之后，你可能需要设置一些关键属性来优化其行为和外观。例如，你可以调整行高、分隔符样式等。

• 行高 (rowHeight)：你可以设置一个固定的行高，或者让系统根据内容自动计算。

  tableView.rowHeight = 60 // 例如，设置每行高度为60点

• 分隔符样式 (separatorStyle)：你可以选择显示或隐藏行之间的分隔符。

  tableView.separatorStyle = .singleLine // 显示单行分隔符
  // tableView.separatorStyle = .none // 不显示分隔符

• 背景颜色 (backgroundColor)：根据你的应用设计，设置表格视图的背景颜色。

  tableView.backgroundColor = .systemBackground // 使用系统默认背景色

这些属性的设置能让你的UITableView看起来更专业，并且与你的应用整体风格保持一致。例如，许多流行的应用，如微信和支付宝，都非常注重这些细节，以提供流畅的用户体验。✨

总结与展望

通过以上步骤，你已经成功地纯代码创建了一个UITableView并将其添加到你的视图控制器中。这仅仅是开始！接下来，你将学习如何注册UITableViewCell、实现数据源和代理协议，以及处理单元格的重用机制。这些都是构建功能强大、高效列表视图的关键。继续加油，你正在掌握iOS开发的核心技能！💪