Fork me on GitHub

在Storyboard及Xib中为TableView设置HeaderView和FooterView

本项目主要是介绍在Storyboard(下面检测SB)及Xib中给UITableView设置tableHeaderViewtableFooterView的方法。默认认为已经基本熟悉SB/Xib的使用哈。

在平时的项目开发中,可能使用SB或者Xib会特别快,当然喜欢代码的就可以忽略了哈。我们在用UITableView可能会使用到tableHeaderViewtableFooterView这2个属性,在有一些需求来说是得心应手。之前都是使用代码添加UITableView的tableHeaderViewtableFooterView,虽然也挺方便,那么是否可以使用xib直接添加呢?在网上搜了下,答案是可以的哈,下面的简单介绍下添加的方式。

SB 中给UITableView设置tableHeaderViewtableFooterView



Xib 中给UITableView设置tableHeaderViewtableFooterView



运行结果



怎么样自适应高度

可以添加如下代码完成自适应,参考于这里

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
- (void)viewDidLayoutSubviews {
[super viewDidLayoutSubviews];
{
CGFloat height = [self.tableView.tableFooterView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize].height;
CGRect footerFrame = self.tableView.tableFooterView.frame;
footerFrame.size.height = height;
self.tableView.tableFooterView.frame = footerFrame;
self.tableView.tableFooterView = self.tableView.tableFooterView;
}
{
CGFloat height = [self.tableView.tableHeaderView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize].height;
CGRect headerFrame = self.tableView.tableHeaderView.frame;
headerFrame.size.height = height;
self.tableView.tableHeaderView.frame = headerFrame;
self.tableView.tableHeaderView = self.tableView.tableHeaderView;
}
}

项目源码

参考

- END -
关注微信公众号,发现更多精彩

文章作者:梁大红

特别声明:若无特殊声明均为原创,转载请注明,侵权请联系

版权声明:署名-非商业性使用-禁止演绎 4.0 国际