我正在尝试在代码中生成一个 View 。这是我的 View 对象的层次结构

• UIScrollView
  • 界面 View
    • 界面按钮

ScrollView 应与窗口大小相同。 按钮应尽可能大。 我正在使用 iOS 自动布局，所以我所有对象的约束字符串如下所示

H:|[object]|
V:|[object]|

我还为每个对象将 translatesAutoresizingMaskIntoConstraints 设置为 NO。

问题是按钮只能获得默认的按钮大小。它的父 View 对象 (UIView) 仅获得其 subview 所需的大小。

红色:UIScrollView/黄色:UIView

如何强制这些 View 与 scrollView 一样大？

当我使用 UIView 而不是 UIScrollView 时，一切都很好......

这是一些代码:

    - (void) viewDidLoad {

        [super viewDidLoad];

        // SCROLL VIEW
        UIScrollView* scrollView = [UIScrollView new];
        scrollView.backgroundColor=[UIColor redColor];
        scrollView.translatesAutoresizingMaskIntoConstraints = NO;

        //CONTAINER VIEW
        UIView *containerView = [UIView new];
        containerView.translatesAutoresizingMaskIntoConstraints = NO;
        containerView.backgroundColor = [UIColor yellowColor];
        [scrollView addSubview:containerView];

        // CONSTRAINTS SCROLL VIEW - CONTAINER VIEW
        [scrollView addConstraints:
         [NSLayoutConstraint constraintsWithVisualFormat:@"H:|[containerView]|"
                                                 options:0 metrics:nil
                                                   views:@{@"containerView":containerView}]];
        [scrollView addConstraints:
         [NSLayoutConstraint constraintsWithVisualFormat:@"V:|[containerView]|"
                                                 options:0 metrics:nil
                                                   views:@{@"containerView":containerView}]];

        // BUTTON
        UIButton* button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
        button.translatesAutoresizingMaskIntoConstraints = NO;
        [button setTitle:@"I'm way to small" forState:UIControlStateNormal];
        [containerView addSubview:button];

        // CONSTRAINTS CONTAINER VIEW - BUTTON
        [containerView addConstraints:
         [NSLayoutConstraint constraintsWithVisualFormat:@"H:|[button]|"
                                                 options:0 metrics:nil
                                                   views:@{@"button":button}]];
        [containerView addConstraints:
         [NSLayoutConstraint constraintsWithVisualFormat:@"V:|[button]|"
                                                 options:0 metrics:nil
                                                   views:@{@"button":button}]];
        self.view = scrollView;

    }

更新: 我真的不知道，为什么会这样。如果您在 IB 中设置 View ，连接 socket 并在代码中实例化 View ，则 ScrollView 的行为类似于普通 View (垂直弹跳)。它的 contentSize 计算不正确。更多 here .但是如何正确地做到这一点呢？

最佳答案

一些观察:

1. ScrollView 中 subview 的约束与其他 View 中的约束不同。它们用于设置 ScrollView 的 contentSize。 (请参阅 TN2154。)这样，您就可以在 ScrollView 上放置一堆东西，为其中的东西设置约束，然后为您计算 contentSize。这是一个非常酷的功能，但它与您在这里尝试做的事情背道而驰。

2. 更糟糕的是，除非您为其按钮的宽度和高度设置明确的约束，否则按钮将根据其内容调整大小。

这两个观察结果的最终结果是您现有的约束说“(a) 将我的容器设置为我的按钮的大小；(b) 让我的按钮根据文本的大小动态调整自身大小；以及 (c ) 根据容器的大小(即按钮的大小)设置 ScrollView 的 contentSize。”

我不清楚业务问题是什么。但是这里有一些限制条件可以实现我认为您的技术问题:

- (void)viewDidLoad
{
    [super viewDidLoad];

    UIView *view = self.view;

    UIScrollView *scrollView = [[UIScrollView alloc] init];
    scrollView.backgroundColor = [UIColor redColor]; // just so I can see it
    scrollView.translatesAutoresizingMaskIntoConstraints = NO;
    [self.view addSubview:scrollView];

    UIView *containerView = [[UIView alloc] init];
    containerView.backgroundColor = [UIColor yellowColor]; // just so I can see it
    containerView.translatesAutoresizingMaskIntoConstraints = NO;
    [scrollView addSubview:containerView];

    UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
    button.translatesAutoresizingMaskIntoConstraints = NO;
    [button setTitle:@"I'm the right size" forState:UIControlStateNormal];
    [containerView addSubview:button];

    NSDictionary *views = NSDictionaryOfVariableBindings(scrollView, button, view, containerView);

    // set the scrollview to be the size of the root view

    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[scrollView]|"
                                                                      options:0
                                                                      metrics:nil
                                                                        views:views]];

    [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[scrollView]|"
                                                                      options:0
                                                                      metrics:nil
                                                                        views:views]];

    // set the container to the size of the main view, and simultaneously
    // set the scrollview's contentSize to match the size of the container

    [view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[containerView(==view)]|"
                                                                       options:0
                                                                       metrics:nil
                                                                         views:views]];

    [view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[containerView(==view)]|"
                                                                       options:0
                                                                       metrics:nil
                                                                         views:views]];

    // set the button size to be the size of the container view

    [containerView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[button(==containerView)]"
                                                                          options:0
                                                                          metrics:nil
                                                                            views:views]];

    [containerView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[button(==containerView)]"
                                                                          options:0
                                                                          metrics:nil
                                                                            views:views]];

}

坦率地说，我不明白您的 UI 的业务意图，因为这感觉像是通过扭曲自动布局来实现非常简单的 UI。我不知道如果其中有“屏幕大小”的内容(除非您正在通过按钮进行分页)，为什么会有 ScrollView 。我不知道为什么您会有一个包含单个项目的内容 View 。我不明白你为什么要使用全屏按钮(我只是在那个时候在 Root View 上做了一个点击手势，然后就到此为止了)。

我假设您对所有这一切都有充分的理由，但备份可能有意义，询问您想要的用户体验是什么，然后重新处理问题，看看是否有更有效的方法来实现想要的效果。

关于ios - 具有 iOS 自动布局约束的 UIScrollView : Wrong size for subviews，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16441808/