使用 Visual AutoLayout 在 NSScrollView 中布局多个视图

我需要显示内部垂直对齐的多个视图NSScrollView，我首先添加NSTableView and NSButton。我将它们垂直对齐NSTableView在顶部和NSButton在底部。 我添加了NSTableview and NSButton to an NSView called tempView。然后设置文档视图NSScrollView to tempView.

But problem i am having is my tableview does not expand properly i see the buttons alright but tablview does not expands properly and just show the last entries that fits in the table. As you can see in following image it displays last 4 rows of 20 rows. ] My code is as follow

-(void)setupView {
    _scrollView = [[NSScrollView alloc] init];
    [_scrollView setHasVerticalScroller:YES];
    [_scrollView setHasVerticalRuler:YES];
    [_scrollView setBorderType:NSBezelBorder];
    [_scrollView setBackgroundColor:[NSColor purpleColor]];
         _scrollView.autoresizingMask = NSViewHeightSizable;

    _tableView = [[NSTableView alloc] init];
    [_tableView setDataSource:self];
    [_tableView setHeaderView:nil];
    [_tableView addTableColumn:[[NSTableColumn alloc] initWithIdentifier:@"firstColumn"]];
    [_tableView setDelegate:self];
    [_tableView setColumnAutoresizingStyle:NSTableViewUniformColumnAutoresizingStyle];
    [_tableView setBackgroundColor:[NSColor greenColor]];

    NSButton* _button = [[NSButton alloc] initWithFrame:NSZeroRect];
    NSView* tempView = [[NSView alloc] initWithFrame:NSZeroRect];

    [tempView setTranslatesAutoresizingMaskIntoConstraints:NO];
    [_scrollView setTranslatesAutoresizingMaskIntoConstraints:NO];
    [_button setTranslatesAutoresizingMaskIntoConstraints:NO];
    [_tableView setTranslatesAutoresizingMaskIntoConstraints:NO];

    [tempView addSubview:_button];
    [tempView addSubview:_tableView];

    [_scrollView setDocumentView:tempView];
    [self addSubview:_scrollView];


    NSString *const kViewContainerVertical = @"V:|[tempView]|";
    NSString *const kViewContainerHorizontal = @"H:|[tempView]|";

    NSDictionary *viewDictionary = NSDictionaryOfVariableBindings(tempView);

    NSArray *contraintOneView = [NSLayoutConstraint constraintsWithVisualFormat:kViewContainerVertical
                                                                        options:NSLayoutFormatAlignAllLeft
                                                                        metrics:nil
                                                                          views:viewDictionary];

    NSArray *constraintTwoView = [NSLayoutConstraint constraintsWithVisualFormat:kViewContainerHorizontal
                                                                         options:NSLayoutFormatAlignAllLeft
                                                                         metrics:nil
                                                                           views:viewDictionary];


    NSString *const kViewVertical = @"V:|[_tableView]-2-[_button]|";
    NSString *const kTextViewHorizontal = @"H:|[_tableView(_button)]-0-|";
    NSString *const kButtonHorizontal = @"H:|-0-[_button]-0-|";

    NSDictionary *dictionary = NSDictionaryOfVariableBindings(_tableView, _button);

    NSArray *contraintOne = [NSLayoutConstraint constraintsWithVisualFormat:kViewVertical
                                                                    options:NSLayoutFormatAlignAllLeft
                                                                    metrics:nil
                                                                      views:dictionary];

    NSArray *constraintTwo = [NSLayoutConstraint constraintsWithVisualFormat:kTextViewHorizontal
                                                                     options:NSLayoutFormatAlignAllLeft
                                                                     metrics:nil
                                                                       views:dictionary];

    NSArray *constraintThree = [NSLayoutConstraint constraintsWithVisualFormat:kButtonHorizontal
                                                                       options:NSLayoutFormatAlignAllLeft
                                                                       metrics:nil
                                                                         views:dictionary];
    [tempView addConstraints:contraintOne];
    [tempView addConstraints:constraintTwo];
    [tempView addConstraints:constraintThree];

    [_scrollView.contentView addConstraints:contraintOneView];
    [_scrollView.contentView addConstraints:constraintTwoView];


    NSString *const kScrollVertical = @"V:|-0-[_scrollView]-0-|";
    NSString *const kScrollHorizontal = @"H:|-0-[_scrollView]-0-|";

        NSDictionary *scrollDictionary = NSDictionaryOfVariableBindings(_scrollView);

    NSArray *contraintOneScroll = [NSLayoutConstraint constraintsWithVisualFormat:kScrollVertical
                                                                    options:NSLayoutFormatAlignAllLeft
                                                                    metrics:nil
                                                                      views:scrollDictionary];

    NSArray *constraintTwoScroll = [NSLayoutConstraint constraintsWithVisualFormat:kScrollHorizontal
                                                                     options:NSLayoutFormatAlignAllLeft
                                                                     metrics:nil
                                                                       views:scrollDictionary];

    [self addConstraints:contraintOneScroll];
    [self addConstraints:constraintTwoScroll];
}

我不明白这种行为的原因。

[_tableView constraintsAffectingLayoutForOrientation:NSLayoutConstraintOrientationVertical]

Returns

<__NSArrayI 0x608000101050>(
<NSContentSizeLayoutConstraint:0x6080000a2520 V:[NSButton:0x608000140c60'Button'(21)] Hug:250 CompressionResistance:750>,
<NSLayoutConstraint:0x608000082620 V:[NSButton:0x608000140c60'Button']-(0)-|   (Names: '|':NSView:0x608000121180 )>,
<NSLayoutConstraint:0x6080000825d0 V:[NSTableView:0x1004032f0]-(2)-[NSButton:0x608000140c60'Button']>,
<NSLayoutConstraint:0x608000082da0 V:|-(0)-[JSFlippedView:0x608000160cc0]   (Names: '|':NSView:0x610000120140 )>,
<NSAutoresizingMaskLayoutConstraint:0x608000081770 h=-&- v=-&- V:|-(1)-[NSClipView:0x100408c20]   (Names: '|':NSScrollView:0x6080001c0000 )>,
<NSLayoutConstraint:0x608000082490 V:[NSView:0x608000121180]-(0)-|   (Names: '|':NSClipView:0x100408c20 )>,
<NSLayoutConstraint:0x6080000828a0 V:[NSScrollView:0x6080001c0000]-(0)-|   (Names: '|':JSFlippedView:0x608000160cc0 )>,
<NSAutoresizingMaskLayoutConstraint:0x608000082fd0 h=-&- v=-&- V:[NSView:0x610000120140]-(0)-|   (Names: '|':NSThemeFrame:0x100403e30'ScrollTest-expand' )>,
<NSLayoutConstraint:0x608000082df0 V:[JSFlippedView:0x608000160cc0]-(0)-|   (Names: '|':NSView:0x610000120140 )>,
<NSLayoutConstraint:0x608000082440 V:|-(0)-[NSView:0x608000121180]   (Names: '|':NSClipView:0x100408c20 )>,
<NSAutoresizingMaskLayoutConstraint:0x608000081540 h=-&- v=-&- V:[NSClipView:0x100408c20]-(1)-|   (Names: '|':NSScrollView:0x6080001c0000 )>,
<NSLayoutConstraint:0x608000082850 V:|-(0)-[NSScrollView:0x6080001c0000]   (Names: '|':JSFlippedView:0x608000160cc0 )>,
<NSAutoresizingMaskLayoutConstraint:0x608000083200 h=-&- v=-&- V:|-(22)-[NSView:0x610000120140]   (Names: '|':NSThemeFrame:0x100403e30'ScrollTest-expand' )>,
<NSLayoutConstraint:0x608000082580 V:|-(0)-[NSTableView:0x1004032f0]   (Names: '|':NSView:0x608000121180 )>,
<NSLayoutConstraint:0x6000000806e0 'NSWindow-current-height' V:[NSThemeFrame:0x100403e30'ScrollTest-expand'(727@500)] priority:500>
)

and _tableView intrinsicContentSize gives {-1, -1}.

问题似乎是表格视图没有内在高度。因此，它不会“推动”文档视图的边界以使文档视图变大，因此它会滚动。

我注意到，如果我将表视图添加到 IB 中的窗口，然后告诉 IB 将整个窗口（或剪辑视图或表视图）重置为建议的约束，则表视图和剪辑视图之间不会添加任何约束。另外，表视图仍然有translatesAutoresizingMaskIntoConstraints已启用。这与滚动视图中的某些其他类型的视图不同。所以，我认为 IB 知道表视图不支持自动布局。

我相信直接在剪辑视图中的表视图（正如 IB 设置的那样）只是使用旧式机制来定位和调整自身大小。当表视图计算其大小（例如添加一行）时，它可能只是调用-setFrameSize:就其本身而言。剪辑视图通过观察来监视其帧NSViewFrameDidChangeNotification通知。这在您的情况下不起作用，因为自动布局基本上会忽略/撤消设置框架的尝试。

You may能够使用这个，但这会很冒险。你会离开表视图的translatesAutoresizingMaskIntoConstraints上，但这对您可以设置哪些约束而不引起冲突施加了限制。基本上，您不能设置对表视图强加位置或大小的约束，但您可以将其他视图“挂”在表视图之外，只要它们可以自由移动或调整大小，以便表视图可以自由地移动或调整大小。移动并调整大小。

首先，您的文档视图（tempView）应该是一个翻转视图，因为您将希望通过设置其框架将表视图定位在其顶部，然后它将通过设置其框架大小来调整自身大小，并且您希望它向下增长。

使用非零大小的框架初始化文档视图。起源并不重要。

使用原点位于 (0, 0) 的框架初始化表视图，并且其大小与文档视图相同。别忘了留下它translatesAutoresizingMaskIntoConstraints on.

不要将表视图的顶部、前导或尾部边缘约束到其父视图。不要限制其宽度以匹配按钮。我认为表视图及其超级视图和按钮之间的其他约束很好。所以，kViewVertical应该放弃第一个|。你应该摆脱kTextViewHorizontal完全。kButtonHorizontal很好。

设置表视图的autoresizingMask to NSViewWidthSizable。由于表视图以与其父视图的边界一致的框架开始，这将使表视图的左边缘和右边缘与父视图的左边缘和右边缘匹配。没有垂直分量autoresizingMask。基本上，您不希望更改超级视图的高度来尝试更改表视图的高度。表视图可以自由设置自己的框架高度。这将移动按钮，因为它被限制在表视图的底部，并且这将改变文档视图的高度，因为它的底部被限制在按钮的底部。

不要限制文档视图（tempView) 到其底部边缘的剪辑视图。这只是试图强制文档视图的大小contentSize的滚动视图。这肯定会阻止滚动（通过使滚动视图和窗口增大以显示整个文档视图）。相反，文档视图将改变大小，如上一段所述，剪辑视图将注意到这一点并相应地更新滚动视图。

我认为到了这一步，一切都会顺利进行。我怀疑当滚动视图足够大以显示按钮和整个表格视图时，它们将固定在滚动视图的底部而不是顶部，这会更自然。要解决这个问题，请使用NSClipView那是翻转的。