目前，我正在使用 UITableView 以及 UIScrollView 中包含的其他 View 。我希望 UITableView 的高度与其内容高度相同。

为了使事情复杂化，我还插入/删除行以提供 Accordion 效果，以便当用户点击一行时，它将显示该行的更多详细信息。

我已经完成了插入/删除，虽然目前它没有更新它的 super View UIScrollView，以便重新计算 UIScrollView 的内容大小并且 UITableView 与 UIScrollView 中的其他 View 一起正确显示。

我如何着手实现它，以便在更改 UITableView 的内容时调整 UIScrollView 的大小并正确布置其内容？我目前正在使用自动布局。

最佳答案

首先，那些其他 View ( TableView 的兄弟)是否严格位于 TableView 之上和之下？如果是这样，您是否考虑过让表格 View 正常滚动，并将那些外部 View 放在表格 View 的页眉和页脚 View 中？那么你就不需要 ScrollView 了。

其次，您可能想阅读 Technical Note TN2154: UIScrollView And Autolayout如果您还没有。

第三，鉴于该技术说明中的信息，我可以想出几种方法来完成您想要的操作。最干净的可能是创建 UITableView 的子类实现了 intrinsicContentSize方法。实现很简单:

@implementation MyTableView

- (CGSize)intrinsicContentSize {
    [self layoutIfNeeded]; // force my contentSize to be updated immediately
    return CGSizeMake(UIViewNoIntrinsicMetric, self.contentSize.height);
}

@end

然后让自动布局使用 TableView 的固有内容大小。在 ScrollView (包括表格 View )的 subview 之间创建约束以对它们进行布局，并确保对 ScrollView 的所有四个边缘都有约束。

您可能需要发送 invalidateIntrinsicContentSize在适当的时候(当您添加或删除行或更改行的高度时)到 TableView 。您可能只覆盖 MyTableView 中的适当方法要做到这一点。例如。做 [self invalidateIntrinsicContentSize]在-endUpdates , -reloadData , - insertRowsAtIndexPaths:withRowAnimation:等

这是我的测试结果:

ScrollView 具有浅蓝色背景。红色顶部标签和蓝色底部标签是 ScrollView 中 TableView 的兄弟。

这是我测试中的 View Controller 的完整源代码。没有 xib 文件。

#import "ViewController.h"
#import "MyTableView.h"

@interface ViewController () <UITableViewDataSource, UITableViewDelegate>

@end

@implementation ViewController

- (void)loadView {
    UIView *view = [[UIView alloc] init];
    self.view = view;

    UIScrollView *scrollView = [[UIScrollView alloc] init];
    scrollView.translatesAutoresizingMaskIntoConstraints = NO;
    scrollView.backgroundColor = [UIColor cyanColor];
    [view addSubview:scrollView];

    UILabel *topLabel = [[UILabel alloc] init];
    topLabel.translatesAutoresizingMaskIntoConstraints = NO;
    topLabel.text = @"Top Label";
    topLabel.backgroundColor = [UIColor redColor];
    [scrollView addSubview:topLabel];

    UILabel *bottomLabel = [[UILabel alloc] init];
    bottomLabel.translatesAutoresizingMaskIntoConstraints = NO;
    bottomLabel.text = @"Bottom Label";
    bottomLabel.backgroundColor = [UIColor blueColor];
    [scrollView addSubview:bottomLabel];

    UITableView *tableView = [[MyTableView alloc] initWithFrame:CGRectZero style:UITableViewStylePlain];
    tableView.translatesAutoresizingMaskIntoConstraints = NO;
    tableView.dataSource = self;
    tableView.delegate = self;
    [scrollView addSubview:tableView];

    UILabel *footer = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 200, 30)];
    footer.backgroundColor = [UIColor greenColor];
    footer.text = @"Footer";
    tableView.tableFooterView = footer;

    NSDictionary *views = NSDictionaryOfVariableBindings(
        scrollView, topLabel, bottomLabel, tableView);
    [view addConstraints:[NSLayoutConstraint
        constraintsWithVisualFormat:@"V:|[scrollView]|"
        options:0 metrics:nil views:views]];
    [view addConstraints:[NSLayoutConstraint
        constraintsWithVisualFormat:@"H:|[scrollView]|"
        options:0 metrics:nil views:views]];
    [view addConstraints:[NSLayoutConstraint
        constraintsWithVisualFormat:@"V:|[topLabel][tableView][bottomLabel]|"
        options:0 metrics:nil views:views]];
    [view addConstraints:[NSLayoutConstraint
        constraintsWithVisualFormat:@"H:|[topLabel]|"
        options:0 metrics:nil views:views]];
    [view addConstraints:[NSLayoutConstraint
        constraintsWithVisualFormat:@"H:|-8-[tableView]-8-|"
        options:0 metrics:nil views:views]];
    [view addConstraint:[NSLayoutConstraint
        constraintWithItem:tableView attribute:NSLayoutAttributeWidth
        relatedBy:NSLayoutRelationEqual
        toItem:view attribute:NSLayoutAttributeWidth
        multiplier:1 constant:-16]];
    [view addConstraints:[NSLayoutConstraint
        constraintsWithVisualFormat:@"H:|[bottomLabel]|"
        options:0 metrics:nil views:views]];
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return 20;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Cell"];
    if (!cell) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"Cell"];
    }
    cell.textLabel.text = [NSString stringWithFormat:@"Row %d", indexPath.row];
    return cell;
}

@end

关于ios - 使用自动布局的 UIScrollView 中的 UITableView，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17334478/