如何垂直对齐（居中）UITableView的内容？

Question

我想集中我的UITableView的内容，其中包含在storyboard和UITableViewCell创建的headerView和footerView 。 我怎样才能做到这一点？

这是我试图解决我的问题，但这不起作用。

- (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];

    CGFloat height = self.tableView.frameHeight - self.navigationController.navigationBar.frameHeight - [UIApplication sharedApplication].statusBarFrame.size.height - (self.rowCount * self.rowHeight);
    self.tableView.tableHeaderView.frameHeight = height / 2.0;
}

所以我将navigationBar＆statusBar的高度和单元格的高度减去tableView的高度，以获得空白区域的高度。 现在我得到了空白区域的高度，我将其分为2为页脚和标题的视图。

Answer 1

在viewWillAppear和didRotateFromInterfaceOrientation函数中：

CGFloat headerHeight = (self.view.frame.size.height - (ROW_HEIGHT * [self.tableView numberOfRowsInSection:0]))) / 2;

self.tableView.contentInset = UIEdgeInsetsMake(headerHeight, 0, -headerHeight, 0);

这将解决您的问题。

编辑

在viewWillLayoutSubviews中调用updateTableViewContentInset函数，并在每次reloadData之后调用：

Ojective-C

- (void)updateTableViewContentInset {
    CGFloat viewHeight = self.view.frame.size.height;
    CGFloat tableViewContentHeight = self.tableView.contentSize.height;
    CGFloat marginHeight = (viewHeight - tableViewContentHeight) / 2.0;

    self.tableView.contentInset = UIEdgeInsetsMake(marginHeight, 0, -marginHeight, 0);
}

斯威夫特4

func updateTableViewContentInset() {
    let viewHeight: CGFloat = view.frame.size.height
    let tableViewContentHeight: CGFloat = tableView.contentSize.height
    let marginHeight: CGFloat = (viewHeight - tableViewContentHeight) / 2.0

    self.tableView.contentInset = UIEdgeInsets(top: marginHeight, left: 0, bottom:  -marginHeight, right: 0)
}

Answer 2

覆盖viewDidLayoutSubviews并将tableView的frame与其contentSize进行比较以设置其contentInset 。 在Swift 4中：

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()

    let tableViewHeight = self.tableView.frame.height
    let contentHeight = self.tableView.contentSize.height

    let centeringInset = (tableViewHeight - contentHeight) / 2.0
    let topInset = max(centeringInset, 0.0)

    self.tableView.contentInset = UIEdgeInsets(top: topInset, left: 0.0, bottom: 0.0, right: 0.0)
}

这适用于自定义表格视图单元👌

Answer 3

使用UITableView的contentSize属性，您不必考虑单元格height或count 。

- (void) updateTableInsetsForHeight: (CGFloat) height
{
    CGFloat tableViewInset = MAX((height - self.tableView.contentSize.height) / 2.0, 0.f);
    self.tableView.contentInset = UIEdgeInsetsMake(tableViewInset, 0, -tableViewInset, 0);
}

更新contentInsets重装后tableView -data，并且当所述的含视图tableView变得可见（ viewWillAppear: ），并且当它改变大小（ viewWillTransitionToSize:withTransitionCoordinator:

- (void) viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator
{
    [self updateTableInsetsForHeight: size.height];
}

Answer 4

Swift 3基于Pipiks的回答

let headerHeight: CGFloat = (view.frame.size.height - CGFloat(Int(tableView.rowHeight) * tableView.numberOfRows(inSection: 0))) / 2
tableView.contentInset = UIEdgeInsetsMake(headerHeight, 0, -headerHeight, 0)

Answer 5

在故事板中，在TableView的顶部添加UIView （UIView应该是TableView的父级）。 之后设置其约束来填充视图。 现在，设置TableView的大小并将其约束设置为垂直和水平居中顶部UIView 。 这将解决您的问题。

Answer 6

我发现导致我的计算错误的原因。 self.tableView.bounds.size.height的值与viewWillAppear中的实际高度不同。 我使用了self.view.bounds.size.height。

Answer 7

对于SWIFT 3：

var headerHeight: CGFloat = (tableView.frame.size.height - CGFloat(Int(tableView.rowHeight) * tableView.numberOfRows(inSection: 0))) / 2
if headerHeight > 0 {
    tableView.contentInset = UIEdgeInsetsMake(headerHeight, 0, 0/*-headerHeight*/, 0)
} else {
    headerHeight = 0
    tableView.contentInset = UIEdgeInsetsMake(headerHeight, 0, 0/*-headerHeight*/, 0)
}

结果：

Answer 8

像这样设置UITableView的框架

CGFloat width = self.view.frame.size.width;
CGFloat height = self.view.frame.size.height;
CGFloat tableHeight = 200.0; //your table height
self.tableView.frame = CGRectMake(0,(height-tableHeight)/2,width,tableHeight);

或试试这个