在容器视图中均匀地分隔多个视图

自动布局让我的生活很困难。从理论上讲，当我转换的时候，它会非常有用，但我似乎一直在与它作斗争。

我做了一个演示项目来寻求帮助。有人知道如何使视图之间的空间增加或减少均匀，每当视图调整大小?

下面是三个标签(手动垂直对齐):

我想要的是，当我旋转时，它们均匀地调整间距(而不是视图大小)。默认情况下，顶部和底部视图向中心挤压:

当前回答

正确和最简单的方法是使用堆栈视图。

将标签/视图添加到堆栈视图:

选择堆栈视图并设置分布为相等间距:

在堆栈视图中添加最近邻居约束的空格，并更新帧:

为所有标签添加高度约束(可选)。仅对没有固有大小的视图需要)。例如，标签在这里不需要高度约束，只需要设置numberOfLines = 3或0。

享受预览:

2016-06-26 22:05:54

其他回答

查看https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/AutolayoutPG/AutoLayoutbyExample/AutoLayoutbyExample.html，上面有关于解决问题的详细描述。

2014-01-02 04:38:19

我知道距离第一个答案已经有一段时间了，但我刚刚遇到了同样的问题，我想分享我的解决方案。为了子孙后代……

我在viewDidLoad上设置了视图:

- (void)viewDidLoad {

    [super viewDidLoad];

    cancelButton = [UIButton buttonWithType: UIButtonTypeRoundedRect];
    cancelButton.translatesAutoresizingMaskIntoConstraints = NO;
    [cancelButton setTitle:@"Cancel" forState:UIControlStateNormal];
    [self.view addSubview:cancelButton];

    middleButton = [UIButton buttonWithType: UIButtonTypeRoundedRect];
    middleButton.translatesAutoresizingMaskIntoConstraints = NO;
    [middleButton setTitle:@"Middle" forState:UIControlStateNormal];
    [self.view addSubview:middleButton];

    nextButton = [UIButton buttonWithType: UIButtonTypeRoundedRect];
    nextButton.translatesAutoresizingMaskIntoConstraints = NO;
    [nextButton setTitle:@"Next" forState:UIControlStateNormal];
    [self.view addSubview:nextButton];


    [self.view setNeedsUpdateConstraints];

}

然后，在updateViewConstrains上，首先删除所有约束，然后创建视图字典，然后计算视图之间使用的空间。在那之后，我只是使用视觉语言格式设置约束:

- (void)updateViewConstraints {


    [super updateViewConstraints];

    [self.view removeConstraints:self.view.constraints];

    NSDictionary *viewsDictionary = NSDictionaryOfVariableBindings(cancelButton, nextButton, middleButton);

    float distance=(self.view.bounds.size.width-cancelButton.intrinsicContentSize.width-nextButton.intrinsicContentSize.width-middleButton.intrinsicContentSize.width-20-20)/  ([viewsDictionary count]-1);  // 2 times 20 counts for the left & rigth margins
    NSNumber *distancies=[NSNumber numberWithFloat:distance];

//    NSLog(@"Distancies: %@", distancies);
//    
//    NSLog(@"View Width: %f", self.view.bounds.size.width);
//    NSLog(@"Cancel Width: %f", cancelButton.intrinsicContentSize.width);
//    NSLog(@"Middle Width: %f", middleButton.intrinsicContentSize.width);
//    NSLog(@"Next Width: %f", nextButton.intrinsicContentSize.width);



    NSArray *constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"|-[cancelButton]-dis-[middleButton]-dis-[nextButton]-|"
                                                                   options:NSLayoutFormatAlignAllBaseline
                                                                   metrics:@{@"dis":distancies}
                                                                     views:viewsDictionary];


    [self.view addConstraints:constraints];



    constraints = [NSLayoutConstraint constraintsWithVisualFormat:@"V:[nextButton]-|"
                                                          options:0
                                                          metrics:nil
                                                            views:viewsDictionary];
    [self.view addConstraints:constraints];



}

这种方法的好处是你只需要做很少的数学运算。我并不是说这是完美的解决方案，但我为我试图实现的布局工作。

我希望这能有所帮助。

2013-01-21 19:53:59

在iOS 9中，苹果通过(期待已久的)UIStackView使这变得非常容易。只需选择要包含在接口构建器中的视图，并选择编辑器->嵌入->堆栈视图。为堆栈视图设置适当的宽度/高度/边距约束，并确保将Distribution属性设置为'Equal spacing':

当然，如果你需要支持iOS 8或更低版本，你必须从其他选项中选择一个。

2015-11-16 11:00:22

你可以创建一个tableView并使isScrollEnabled = false。

2017-05-05 18:37:08

我可以在IB中完全解决这个问题:

使约束使每个子视图的中心Y对齐到父视图的下边缘。将每个约束的乘数设置为1/2n, 3/2n, 5/2n，…，n-1/2n，其中n是要分布的子视图的数量。

因此，如果您有三个标签，请将每个约束的乘数设置为0.1666667、0.5、0.833333。

2014-11-04 21:13:10