是否可以将AutoLayout与UITableView的tableHeaderView一起使用?


97

由于我发现AutoLayout我到处都使用它,现在我正尝试将其与一起使用tableHeaderView

我做了一个subclassUIView加入一切(标签等...),我想用自己的约束,那么我将此CustomViewUITableViewtableHeaderView

一切都工作得很好,除了UITableView始终显示上面CustomView,通过以上我指的CustomViewUITableView,因此它不能被看到!

看来,无论我做什么,对heightUITableViewtableHeaderView始终 0(所以是宽度,x和y)。

我的问题:无需手动设置框架就可以完成此操作吗?

编辑:我正在使用 的CustomView' subview有这些约束:

_title = [[UILabel alloc]init];
_title.text = @"Title";
[self addSubview:_title];
[_title keep:[KeepTopInset rules:@[[KeepEqual must:5]]]]; // title has to stay at least 5 away from the supperview Top
[_title keep:[KeepRightInset rules:@[[KeepMin must:5]]]];
[_title keep:[KeepLeftInset rules:@[[KeepMin must:5]]]];
[_title keep:[KeepBottomInset rules:@[[KeepMin must:5]]]];

我使用的是方便的库'KeepLayout',因为手动编写约束会花费很多时间,而且单个约束的行太多,但是这些方法是不言自明的。

并且UITableView具有以下约束:

_tableView = [[UITableView alloc]init];
_tableView.translatesAutoresizingMaskIntoConstraints = NO;
_tableView.delegate = self;
_tableView.dataSource = self;
_tableView.backgroundColor = [UIColor clearColor];
[self.view addSubview:_tableView];
[_tableView keep:[KeepTopInset rules:@[[KeepEqual must:0]]]];// These 4 constraints make the UITableView stays 0 away from the superview top left right and bottom.
[_tableView keep:[KeepLeftInset rules:@[[KeepEqual must:0]]]];
[_tableView keep:[KeepRightInset rules:@[[KeepEqual must:0]]]];
[_tableView keep:[KeepBottomInset rules:@[[KeepEqual must:0]]]];

_detailsView = [[CustomView alloc]init];
_tableView.tableHeaderView = _detailsView;

我不知道是否必须直接在上设置一些约束CustomView,我认为CustomView的高度取决于其中UILabel“标题” 的约束。

编辑2:经过另一次调查,似乎可以正确计算出CustomView的高度和宽度,但是CustomView的顶部仍与UITableView的顶部处于同一水平,并且在我滚动时它们会一起移动。


是的,有可能。您可以显示您正在使用的代码吗?如果不知道您在标题视图上设置了哪些约束,就很难提出建议。
jrturton

一个简单的方法是将IB中的视图添加到tableView 中。只需在包含tableview的同一场景中创建视图并将拖动到表中即可。
Mariam K.

我正尽力避免使用IB,到目前为止,我没有必要使用它,如果我无法使用它,我将尝试使用IB
ItsASecret

1
苹果公司建议开发人员在自动布局时尽可能使用IB。它确实有助于避免许多不一致的问题。
Mariam K.

真正完整的自动布局解决方案在这里
malex '16

Answers:


134

在这里问并回答了类似的问题。总之,我只添加了一次标题,并使用它来查找所需的高度。然后可以将该高度应用于标题,然后再次设置标题以反映更改。

- (void)viewDidLoad
{
    [super viewDidLoad];

    self.header = [[SCAMessageView alloc] init];
    self.header.titleLabel.text = @"Warning";
    self.header.subtitleLabel.text = @"This is a message with enough text to span multiple lines. This text is set at runtime and might be short or long.";

    //set the tableHeaderView so that the required height can be determined
    self.tableView.tableHeaderView = self.header;
    [self.header setNeedsLayout];
    [self.header layoutIfNeeded];
    CGFloat height = [self.header systemLayoutSizeFittingSize:UILayoutFittingCompressedSize].height;

    //update the header's frame and set it again
    CGRect headerFrame = self.header.frame;
    headerFrame.size.height = height;
    self.header.frame = headerFrame;
    self.tableView.tableHeaderView = self.header;
}

如果您有多行标签,则这还依赖于将每个标签的preferredMaxLayoutWidth设置为自定义视图的方式:

- (void)layoutSubviews
{
    [super layoutSubviews];

    self.titleLabel.preferredMaxLayoutWidth = CGRectGetWidth(self.titleLabel.frame);
    self.subtitleLabel.preferredMaxLayoutWidth = CGRectGetWidth(self.subtitleLabel.frame);
}

或更一般而言:

override func layoutSubviews() {
    super.layoutSubviews()  
    for view in subviews {
        guard let label = view as? UILabel where label.numberOfLines == 0 else { continue }
        label.preferredMaxLayoutWidth = CGRectGetWidth(label.frame)
    }
}

2015年1月更新

不幸的是,这似乎仍然是必要的。这是布局过程的快速版本:

tableView.tableHeaderView = header
header.setNeedsLayout()
header.layoutIfNeeded()
header.frame.size = header.systemLayoutSizeFittingSize(UILayoutFittingCompressedSize)
tableView.tableHeaderView = header

我发现将其移动到UITableView的扩展中很有用:

extension UITableView {
    //set the tableHeaderView so that the required height can be determined, update the header's frame and set it again
    func setAndLayoutTableHeaderView(header: UIView) {
        self.tableHeaderView = header
        header.setNeedsLayout()
        header.layoutIfNeeded()
        header.frame.size = header.systemLayoutSizeFittingSize(UILayoutFittingCompressedSize)
        self.tableHeaderView = header
    }
}

用法:

let header = SCAMessageView()
header.titleLabel.text = "Warning"
header.subtitleLabel.text = "Warning message here."
tableView.setAndLayoutTableHeaderView(header)

8
使用的一种替代方法preferredMaxLayoutWidth是在使用之前在标题视图上添加宽度约束(等于表视图的宽度)systemLayoutSizeFittingSize:
约翰·

2
注意:如果您遇到标题位于第一个单元格上方,则您忘记将标题属性重置为self.tableView.tableHeaderView
Laszlo 2015年

8
通常,让我感到惊讶的是,做一件如此琐碎的事情是多么的棘手。
TylerJames

5
注意:如果需要获取精确的宽度作为tableView,则应该获取具有所需水平优先级的高度let height = header.systemLayoutSizeFittingSize(CGSizeMake(CGRectGetWidth(self.bounds), 0), withHorizontalFittingPriority: UILayoutPriorityRequired, verticalFittingPriority: UILayoutPriorityFittingSizeLevel).height
JakubKnejzlik

3
Just Use header.setNeedsLayout() header.layoutIfNeeded() header.frame.size = header.systemLayoutSizeFitting(UILayoutFittingCompressedSize) self.tableHeaderView = header将在iOS 10.2上运行
谢克松(Kesong Xie)

24

我一直无法使用约束(在代码中)添加标题视图。如果我给我的视图一个宽度和/或一个高度约束,则会崩溃并显示以下消息:

 "terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'Auto Layout still required after executing -layoutSubviews. UITableView's implementation of -layoutSubviews needs to call super."

当我将情节提要中的视图添加到表格视图时,它没有显示任何约束,并且可以用作标题视图,因此我认为标题视图的放置不是使用约束来完成的。在这方面,它的行为似乎不像正常的观点。

宽度自动是表格视图的宽度,您唯一需要设置的就是高度-原始值将被忽略,因此输入这些值并不重要。例如,这工作正常(矩形的0,0,0,80也是如此):

UIView *headerview = [[UIView alloc] initWithFrame:CGRectMake(1000,1000, 0, 80)];
headerview.backgroundColor = [UIColor yellowColor];
self.tableView.tableHeaderView = headerview;

我也有那个异常,但是在UITableView中添加了一个类别,从而修复了它,我在该答案中找到了它:stackoverflow.com/questions/12610783/…–
ItsASecret,

我仍然会尝试您的建议,但是明天早上,现在是1:34,我要睡觉了,非常感谢您抽出宝贵的时间回答问题!(但我真的不想指定高度,我希望它由我在CustomView中的标签上设置的约束条件来计算)
ItsASecret

我已经尝试过,是的,设置框架是
可行的

1
如果添加的标头视图具有,则会出现此异常(当前正在测试7.1)translatesAutoresizingMaskIntoConstraints = NO。启用翻译可以防止错误-我怀疑UITableView从7.1开始,它不会尝试自动布局其标题视图,而是希望对框架进行预设。
约翰·

17

我在这里看到了很多方法,它们执行了很多不必要的工作,但是在标题视图中使用自动布局并不需要那么多。您只需要创建您的xib文件,放置约束并实例化它,如下所示:

func loadHeaderView () {
        guard let headerView = Bundle.main.loadNibNamed("CourseSearchHeader", owner: self, options: nil)?[0] as? UIView else {
            return
        }
        headerView.autoresizingMask = .flexibleWidth
        headerView.translatesAutoresizingMaskIntoConstraints = true
        tableView.tableHeaderView = headerView
    }

这在iOS 11上也适用于我们,它带有带有多行标签的动态高度标头。
Ben Scheirman

1
当然,您也可以在IB中删除flexibleHeight-Autoresizing-Option。
d4Rk

我一直在尝试设置tableFooterView的高度(通过xib / nib),但没有成功设置框架,高度,layoutIfNeeded()等。但是此解决方案最终使我可以对其进行设置。
vikzilla

不要忘记在xib文件中为整个视图设置高度限制。
Denis Kutlubaev

6

另一个解决方案是将头文件视图的创建分派到下一个主线程调用:

- (void)viewDidLoad {
    [super viewDidLoad];

    // ....

    dispatch_async(dispatch_get_main_queue(), ^{
        _profileView = [[MyView alloc] initWithNib:@"MyView.xib"];
        self.tableView.tableHeaderView = self.profileView;
    });
}

注意:修复了加载的视图具有固定高度时的错误。当标题高度仅取决于其内容时,我还没有尝试过。

编辑:

您可以通过实现此函数并在中调用它来找到解决此问题的更干净的方法。viewDidLayoutSubviews

- (void)viewDidLayoutSubviews {
    [super viewDidLayoutSubviews];

    [self sizeHeaderToFit];
}

1
@TussLaszlo tableHeaderView有点像自动布局的越野车。有一些解决方法,例如这种方法。但自从我写了这个,我已经找到了一个更好的和更清洁的解决方案在这里stackoverflow.com/a/21099430/127493通过调用它- (void)sizeHeaderToFitviewDidLayoutSubviews
马丁

4

码:

  extension UITableView {

          func sizeHeaderToFit(preferredWidth: CGFloat) {
            guard let headerView = self.tableHeaderView else {
              return
            }

            headerView.translatesAutoresizingMaskIntoConstraints = false
            let layout = NSLayoutConstraint(
              item: headerView,
              attribute: .Width,
              relatedBy: .Equal,
              toItem: nil,
              attribute:
              .NotAnAttribute,
              multiplier: 1,
              constant: preferredWidth)

            headerView.addConstraint(layout)

            let height = headerView.systemLayoutSizeFittingSize(UILayoutFittingCompressedSize).height
            headerView.frame = CGRectMake(0, 0, preferredWidth, height)

            headerView.removeConstraint(layout)
            headerView.translatesAutoresizingMaskIntoConstraints = true

            self.tableHeaderView = headerView
          }
  }

它起作用。为所有tableheaderview子视图提供适当的自动布局约束。如果错过单个约束,它将不起作用。
abhimuralidharan

4

扩展了此解决方案http://collindonnell.com/2015/09/29/dynamically-sized-table-view-header-or-footer-using-auto-layout/用于表页脚视图:

@interface AutolayoutTableView : UITableView

@end

@implementation AutolayoutTableView

- (void)layoutSubviews {
    [super layoutSubviews];

    // Dynamic sizing for the header view
    if (self.tableHeaderView) {
        CGFloat height = [self.tableHeaderView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize].height;
        CGRect headerFrame = self.tableHeaderView.frame;

        // If we don't have this check, viewDidLayoutSubviews() will get
        // repeatedly, causing the app to hang.
        if (height != headerFrame.size.height) {
            headerFrame.size.height = height;
            self.tableHeaderView.frame = headerFrame;
            self.tableHeaderView = self.tableHeaderView;
        }

        [self.tableHeaderView layoutIfNeeded];
    }

    // Dynamic sizing for the footer view
    if (self.tableFooterView) {
        CGFloat height = [self.tableFooterView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize].height;
        CGRect footerFrame = self.tableFooterView.frame;

        // If we don't have this check, viewDidLayoutSubviews() will get
        // repeatedly, causing the app to hang.
        if (height != footerFrame.size.height) {
            footerFrame.size.height = height;
            self.tableFooterView.frame = footerFrame;
            self.tableFooterView = self.tableFooterView;
        }

        self.tableFooterView.transform = CGAffineTransformMakeTranslation(0, self.contentSize.height - footerFrame.size.height);
        [self.tableFooterView layoutIfNeeded];
    }
}

@end

昨天花了一天时间尝试让tableHeader正确地自动调整大小/布局。此解决方案对我有用。谢谢你
docchang

嗨!你能解释一下self.tableFooterView.transform吗?为什么有必要?
mrvn

@mrvn转换用于将页脚移到tableView的底部。
k06a

3

您可以使用systemLayoutSizeFittingSize方法获得自动布局以为您提供尺寸。

然后,您可以使用它为您的应用程序创建框架。每当您需要内部了解使用自动布局的视图的大小时,此技术就可以使用。

快速的代码看起来像

//Create the view
let tableHeaderView = CustomTableHeaderView()

//Set the content
tableHeaderView.textLabel.text = @"Hello world"

//Ask auto layout for the smallest size that fits my constraints    
let size = tableHeaderView.systemLayoutSizeFittingSize(UILayoutFittingCompressedSize)

//Create a frame    
tableHeaderView.frame = CGRect(origin: CGPoint.zeroPoint, size: size)

//Set the view as the header    
self.tableView.tableHeaderView = self.tableHeaderView

或在Objective-C中

//Create the view
CustomTableHeaderView *header = [[CustomTableHeaderView alloc] initWithFrame:CGRectZero];

//Set the content
header.textLabel.text = @"Hello world";

//Ask auto layout for the smallest size that fits my constraints
CGSize size = [header systemLayoutSizeFittingSize:UILayoutFittingCompressedSize];

//Create a frame
header.frame = CGRectMake(0,0,size.width,size.height);

//Set the view as the header  
self.tableView.tableHeaderView = header

还应注意,在此特定实例中,覆盖子类中的requireConstraintBasedLayout确实会导致执行布局遍历,但是将忽略此布局遍历的结果,并将系统框架设置为tableView的宽度和0的高度。


3

以下对我有用。

  1. 使用普通的旧UIView标题视图。
  2. 向该视图添加子视图 UIView
  3. 在子视图上使用自动布局

我看到的主要好处是限制了帧计算。Apple应该真正更新UITableView的API,以使其变得更容易。

使用SnapKit的示例:

let layoutView = UIView(frame: CGRect(x: 0, y: 0, width: tableView.bounds.width, height: 60))
layoutView.backgroundColor = tableView.backgroundColor
tableView.tableHeaderView = layoutView

let label = UILabel()
layoutView.addSubview(label)
label.text = "I'm the view you really care about"
label.snp_makeConstraints { make in
    make.edges.equalTo(EdgeInsets(top: 10, left: 15, bottom: -5, right: -15))
}

3

奇怪的事情发生了。systemLayoutSizeFittingSize适用于iOS9,但不适用于iOS 8。因此,此问题很容易解决。通过在CGRectGetMaxY(yourview.frame)+ padding中插入高度,只需在超级调用更新标题视图边界后获得标题和viewDidLayoutSubviews中底部视图的链接即可

UPD:有史以来最简单的解决方案:因此,在标题视图中放置subview并将其固定到leftrighttop。在该子视图中,放置具有自动高度约束的子视图。之后,将所有工作交给自动版式(无需计算)

- (void)viewDidLayoutSubviews {
    [super viewDidLayoutSubviews];

    CGFloat height = CGRectGetMaxY(self.tableView.tableHeaderView.subviews.firstObject.frame);
    self.tableView.tableHeaderView.bounds = CGRectMake(0, 0, CGRectGetWidth(self.tableView.bounds), height);
    self.tableView.tableHeaderView = self.tableView.tableHeaderView;
}

结果,子视图正在按预期方式扩展/缩小,最后它调用了viewDidLayoutSubviews。当时我们知道视图的实际大小,所以设置headerView高度并通过重新分配来更新它。奇迹般有效!

也适用于页脚视图。


1
这在iOS 10中为我循环
Simon

3

已为Swift 4.2更新

extension UITableView {

    var autolayoutTableViewHeader: UIView? {
        set {
            self.tableHeaderView = newValue
            guard let header = newValue else { return }
            header.setNeedsLayout()
            header.layoutIfNeeded()
            header.frame.size = 
            header.systemLayoutSizeFitting(UIView.layoutFittingCompressedSize)
            self.tableHeaderView = header
        }
        get {
            return self.tableHeaderView
        }
    }
}

2

您可以在标题和表格视图之间添加顶部+水平位置约束,以正确放置它(如果标题本身包含所有必要的内部布局约束,以确保框架正确)

在tableViewController viewDidLoad方法中

    headerView.translatesAutoresizingMaskIntoConstraints = false

    tableView.tableHeaderView = headerView

    headerView.widthAnchor.constraint(equalTo: tableView.widthAnchor).isActive = true
    headerView.topAnchor.constraint(equalTo: tableView.topAnchor).isActive = true
    headerView.centerXAnchor.constraint(equalTo: tableView.centerXAnchor).isActive = true

1

我的表头视图是UIView子类-我在初始化器中创建了一个contentView UIView,其边界与表头视图的框架相同,并将所有对象添加为该子视图的子视图。

然后在表头视图的layoutSubviews方法中而不是在初始化器中添加对象的约束 。那解决了崩溃。

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:CGRectMake(0, 0, 0, 44.0)];
    if (self) {
        UIView *contentView = [[UIView alloc] initWithFrame:self.bounds];
        contentView.autoresizingMask = UIViewAutoresizingFlexibleWidth;

        // add other objects as subviews of content view

    }
    return self;
}

- (void)layoutSubviews
{
    [super layoutSubviews];

    // remake constraints here
}

1

我的AutoLayout运作良好:

CGSize headerSize = [headerView systemLayoutSizeFittingSize:CGSizeMake(CGRectGetWidth([UIScreen mainScreen].bounds), 0) withHorizontalFittingPriority:UILayoutPriorityRequired verticalFittingPriority:UILayoutPriorityFittingSizeLevel];
headerView.frame = CGRectMake(0, 0, headerSize.width, headerSize.height);
self.tableView.tableHeaderView = headerView;

我没有完全做到这一点,但是您给了我一个好主意-删除headerView,重新设置其框架,然后再添加回去。
dinesharjani

1

在大多数情况下,最好的解决方案是简单地避免与框架冲突,而不要使用自动调整大小的掩码:

// embrace autoresizing masks and let the framework add the constraints for you
headerView.translatesAutoresizingMaskIntoConstraints = true
headerView.autoresizingMask = [.flexibleWidth, .flexibleHeight]

// figure out what's the best size based on the table view width
let width = self.tableView.frame.width
let targetSize = headerView.systemLayoutSizeFitting(CGSize(width: width, height: CGFloat.greatestFiniteMagnitude), withHorizontalFittingPriority: .required, verticalFittingPriority: .fittingSizeLevel)
headerView.frame.size = targetSize
self.tableView.tableHeaderView = headerView

通过使用自动调整大小的蒙版,您将告诉框架当超级视图更改其大小时视图应如何更改其大小。但是,此更改基于您设置的初始帧。


0

我知道这是一个旧帖子,但是在浏览了所有关于此的SO帖子并经过了整个下午的时间后,我终于想到了一个干净但非常简单的解决方案

首先,我的视图层次结构如下所示:

  1. 表格检视
    1. 视图 tableHeaderView
      1. 使用名为headerView的出口查看

现在在视图(第3号)内部,设置所有约束,就像通常包含容器的底部空间一样。这将使容器(即3.View即headerView)根据其子视图及其约束来调整自身大小。

在那之后,我设置的限制3. View,并2. View以这些:

  1. 容器顶部空间:0
  2. 容器前导空间:0
  3. 拖到容器的空间:0

请注意,我有意省略了底部空间。

在情节提要中完成所有这些操作后,剩下要做的就是粘贴以下三行代码:

if (self.headerView.frame.size.height != self.tableView.tableHeaderView.frame.size.height) {
    UIView *header = self.tableView.tableHeaderView;
    CGRect frame = self.tableView.tableHeaderView.frame;
    frame.size.height = self.headerView.frame.size.height + frame.origin.y;
    header.frame = frame;
    self.tableView.tableHeaderView = header;
}

0

提示:如果使用方法setAndLayoutTableHeaderView,则应更新子视图的框架,因此在这种情况下,应在调用systemLayoutSizeFittingSize之前调用UILabel的preferredMaxLayoutWidth,请勿在layoutSubview中调用。

代码展示


0

分享我的方法。

UITableView+XXXAdditions.m

- (void)xxx_setTableHeaderView:(UIView *)tableHeaderView layoutBlock:(void(^)(__kindof UIView *tableHeaderView, CGFloat *containerViewHeight))layoutBlock {
      CGFloat containerViewHeight = 0;
      UIView *backgroundView = [[UIView alloc] initWithFrame:CGRectZero];
      [backgroundView addSubview:tableHeaderView];
      layoutBlock(tableHeaderView, &containerViewHeight);

      backgroundView.frame = CGRectMake(0, 0, 0, containerViewHeight);

      self.tableHeaderView = backgroundView;
}

用法。

[self.tableView xxx_setTableHeaderView:myView layoutBlock:^(__kindof UIView * _Nonnull tableHeaderView, CGFloat *containerViewHeight) {
    *containerViewHeight = 170;

    [tableHeaderView mas_makeConstraints:^(MASConstraintMaker *make) {
      make.top.equalTo(@20);
      make.centerX.equalTo(@0);
      make.size.mas_equalTo(CGSizeMake(130, 130));
    }];
  }];

0

在我的案例中,出于某种原因,使用systemLayoutSizeFittingSize的方法不起作用。对我有用的是对HotJard发布的解决方案的修改(在我的情况下,他的原始解决方案在iOS 8上也不起作用)。我需要做的是在标题视图中放置一个子视图,并将其固定到左,右,顶部(不要固定到底部)。使用自动布局将所有内容放在该子视图中,并在代码中执行以下操作:

- (void)viewDidLayoutSubviews
{
    [super viewDidLayoutSubviews];
    [self resizeHeaderToFitSubview];
}

- (void)resizeHeaderToFitSubview
{
    UIView *header = self.tableView.tableHeaderView;
    [header setNeedsLayout];
    [header layoutIfNeeded];
    CGFloat height = CGRectGetHeight(header.subviews.firstObject.bounds);
    header.bounds = CGRectMake(0, 0, CGRectGetWidth(self.tableView.bounds), height);
    self.tableView.tableHeaderView = nil;
    self.tableView.tableHeaderView = header;
}

0

一个旧帖子。但是好帖子。这是我的2美分。

首先,请确保您的标题视图安排了约束,以便可以支持其自身的固有内容大小。然后执行以下操作。

//ViewDidLoad
headerView.translatesAutoresizingMaskIntoConstraints = false
headerView.configure(title: "Some Text A")

//Somewhere else
headerView.update(title: "Some Text B)

private var widthConstrained = false

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    if widthConstrained == false {
        widthConstrained = true
        tableView.addConstraint(NSLayoutConstraint(item: headerView, attribute: .width, relatedBy: .equal, toItem: tableView, attribute: .width, multiplier: 1, constant: 0))
        headerView.layoutIfNeeded()
        tableView.layoutIfNeeded()
    }
}

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
    super.viewWillTransition(to: size, with: coordinator)
    coordinator.animate(alongsideTransition: { (context) in
        self.headerView.layoutIfNeeded()
        self.tableView.layoutIfNeeded()
    }, completion: nil)
}

0

我可以通过以下方法实现此目标(此方法对页脚的作用相同)。

首先,您需要进行一些UITableView扩展:

迅捷3

extension UITableView {
    fileprivate func adjustHeaderHeight() {
        if let header = self.tableHeaderView {
            adjustFrame(header)
        }
    }

    private func adjustFrame(_ view: UIView) {
        view.frame.size.height = calculatedViewHeight(view)
    }

    fileprivate func calculatedHeightForHeader() -> CGFloat {
        if let header = self.tableHeaderView {
            return calculatedViewHeight(header)
        }
        return 0.0
    }

    private func calculatedViewHeight(_ view: UIView) -> CGFloat {
        view.setNeedsLayout()
        let height = view.systemLayoutSizeFitting(UILayoutFittingCompressedSize).height
        return height
    }
}

在您的视图控制器类实现中:

// this is a UIView subclass with autolayout
private var headerView = MyHeaderView()

override func loadView() {
    super.loadView()
    // ...
    self.tableView.tableHeaderView = headerView
    self.tableView.sectionHeaderHeight = UITableViewAutomaticDimension
    // ...
}

override func viewWillLayoutSubviews() {
    super.viewWillLayoutSubviews()

    // this is to prevent recursive layout calls
    let requiredHeaderHeight = self.tableView.calculatedHeightForHeader()
    if self.headerView.frame.height != requiredHeaderHeight {
        self.tableView.adjustHeaderHeight()
    }
}

有关标头UIView的子视图实现的注意事项:

  1. 您必须100%确保标头视图具有正确的自动版式设置。我建议从只有一个高度限制的简单标题视图开始,然后尝试上面的设置。

  2. 覆盖requiresConstraintBasedLayout并返回true

class MyHeaderView: UIView {
   // ...
   override static var requiresConstraintBasedLayout : Bool {
       return true
   }
   // ...
}

0

对于Xamarin用户:

public override void ViewDidLayoutSubviews()
{
    base.ViewDidLayoutSubviews();

    TableviewHeader.SetNeedsLayout();
    TableviewHeader.LayoutIfNeeded();

    var height = TableviewHeader.SystemLayoutSizeFittingSize(UIView.UILayoutFittingCompressedSize).Height;
    var frame = TableviewHeader.Frame;
    frame.Height = height;
    TableviewHeader.Frame = frame;
}

假设您将表视图的标题视图命名为TableviewHeader


0

这是您可以如何做的 UIViewController

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()

    if headerView.frame.size.height == 0 {
      headerView.label.preferredMaxLayoutWidth = view.bounds.size.width - 20
      let height = headerView.systemLayoutSizeFitting(UILayoutFittingCompressedSize).height

      headerView.frame.size = CGSize(width: tableView.bounds.size.width, height: height)
    }
  }

0

任何基于约束的UIView都可以tableHeaderView

一个需要设置tableFooterView之前,然后施加额外的尾随约束tableFooterViewtableHeaderView

- (void)viewDidLoad {

    ........................
    // let self.headerView is some constraint-based UIView
    self.tableView.tableFooterView = [UIView new];
    [self.headerView layoutIfNeeded];
    self.tableView.tableHeaderView = self.headerView;

    [self.tableView.leadingAnchor constraintEqualToAnchor:self.headerView.leadingAnchor].active = YES;
    [self.tableView.trailingAnchor constraintEqualToAnchor:self.headerView.trailingAnchor].active = YES;
    [self.tableView.topAnchor constraintEqualToAnchor:self.headerView.topAnchor].active = YES;
    [self.tableFooterView.trailingAnchor constraintEqualToAnchor:self.headerView.trailingAnchor].active = YES;

}

您可以在此处找到所有详细信息和代码段


0

我已经找到一种解决方法。将您的autolayout wrriten xib头视图包装在一个空的uiview包装器中,并将该头视图分配给tableView的tableViewHeader属性。

    UIView *headerWrapper = [[UIView alloc] init];
    AXLHomeDriverHeaderView *headerView = [AXLHomeDriverHeaderView loadViewFromNib];
    [headerWrapper addSubview:headerView];
    [headerView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.equalTo(headerWrapper);
    }];
    self.tableView.tableHeaderView = headerView;

0

这是适用于ios 12中的UITableViewController的东西

将UIView悬停在TableView中所有标头的原型单元上方,并放下所有页脚的原型单元下方。根据需要设置页眉和页脚。设置所有必需的约束。

现在使用以下扩展方法

public static class UITableVIewExtensions
{

    public static void MakeHeaderAutoDimension(this UITableView tableView)
    {
        if (tableView.TableHeaderView is UIView headerView) {
            var size = headerView.SystemLayoutSizeFittingSize(UIView.UILayoutFittingCompressedSize);
            if (headerView.Frame.Size.Height != size.Height) {
                var frame = headerView.Frame;
                frame.Height = size.Height;
                headerView.Frame = frame;
                tableView.TableHeaderView = headerView;
                tableView.LayoutIfNeeded();
            }
        }
    }

    public static void MakeFooterAutoDimension(this UITableView tableView)
    {
        if (tableView.TableFooterView is UIView footerView) {
            var size = footerView.SystemLayoutSizeFittingSize(UIView.UILayoutFittingCompressedSize);
            if (footerView.Frame.Size.Height != size.Height) {
                var frame = footerView.Frame;
                frame.Height = size.Height;
                footerView.Frame = frame;
                tableView.TableFooterView = footerView;
                tableView.LayoutIfNeeded();
            }
        }
    }
}

并在UITableViewController的子类的ViewDidLayoutSubviews中调用它

public override void ViewDidLayoutSubviews()
{
    base.ViewDidLayoutSubviews();

    TableView.MakeHeaderAutoDimension();
    TableView.MakeFooterAutoDimension();
}

0

我遇到了获取375pt宽度的问题,对我有用的唯一方法是中继出tableView以获得正确的宽度。与设置框架大小相比,我也更喜欢自动布局。

这是适合我的版本:

Xamarin.iOS

public static void AutoLayoutTableHeaderView(this UITableView tableView, UIView header)
{
    tableView.TableHeaderView = header;
    tableView.SetNeedsLayout();
    tableView.LayoutIfNeeded();
    header.WidthAnchor.ConstraintEqualTo(tableView.Bounds.Width).Active = true;       
    tableView.TableHeaderView = header;
}

Swift版本(从@Ben Packard答案修改而来)

extension UITableView {
    //set the tableHeaderView so that the required height can be determined, update the header's frame and set it again
    func setAndLayoutTableHeaderView(header: UIView) {
        self.tableHeaderView = header
        self.setNeedsLayout()
        self.layoutIfNeeded()
        header.widthAnchor.widthAnchor.constraint(equalTo: self.bounds.width).isActive = true
        self.tableHeaderView = header
    }
}


0

我的解决方案是制作这样的新类。

class BaseTableHeaderView: UIView {

    func sizeToFitBasedOnConstraints(width: CGFloat = Screen.width) {
        let size = systemLayoutSizeFitting(CGSize(width: width, height: 10000),
                                              withHorizontalFittingPriority: .required,
                                              verticalFittingPriority: .fittingSizeLevel)
        frame = CGRect(origin: .zero, size: size)
    }

    override func willMove(toSuperview newSuperview: UIView?) {
        sizeToFitBasedOnConstraints()
        super.willMove(toSuperview: newSuperview)
    }

}

要使用它,只需将所有子视图添加到的实例上BaseTableHeaderView并将其附加到表视图。

let tableHeaderView = BaseTableHeaderView()
tableHeaderView.addSubview(...)
tableView.tableHeaderView = tableHeaderView

它将根据其约束条件自动调整大小。


-1

接受的答案仅对具有单个节的表有用。对于多节,UITableView只需确保您的标头继承自UITableViewHeaderFooterView您就可以了。

或者,只需将当前标头嵌入的contentViewUITableViewHeaderFooterView。就像UITableViewCell作品一样。


9
问题tableHeaderView不是关于节标题。
Rpranata
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.