UITableView的自定义节标题

最近,作为iOS开发人员,有两种设计引起了我的注意:水平列表和自定义节标题。 开发人员和设计师为此付出了巨大的努力,因为应用程序的几乎所有部分都由表格视图组成。 由于水平列表不在本文的讨论范围之内,因此我打算只专注于制作自定义节标题。

老实说,制作自定义节标题不需要很大的努力。 我们将从包含TableViewCell的TableViewController开始。 根据您的选择,可以从TableViewController开始,也可以将TableView放在ViewController中。 我选择了最后一个。

下一步将添加带有其类的新xib文件。 我们将在另一个文件中设计节标题。 我喜欢部分地做事。 无论是简单还是困难,我都喜欢使用这种方法。 在这种情况下,这是必须的。 因此,添加一个Cocoa Touch类作为UITableViewHeaderFooterView的子类。 如果习惯于用类一起创建xib文件,您会感到惊讶,在这种情况下是不可能的。 我们应该单独创建一个xib。 您可以从“用户界面”部分执行此操作。 选择查看。

在添加新的xib时,您将意识到视图大小已固定。 您应该将大小选项从推断更改为自由格式,以使视图的大小可调整大小。 现在,您可以随意给节标题添加形状。 在本教程中,我们将仅添加两个标签,一个添加为大标题,而另一个添加为副标题。 形状良好后,为此在视图上放置两个标签。

我们一切都好。 不用说,在UITableViewHeaderFooterView子类中创建这些标签的出口。 我给此类命名为CustomSectionHeader。 这些出口分别命名为titleLabel和subtitleLabel。 现在,我们完成了这些类和xib文件。 无所事事。 仅要做的一项工作是我们应该在表视图中注册此xib。 您应该添加的最后一个代码如下:

仓库:https://github.com/onurtuna/custom-section-header