constraintsWithVisualFormat 为所有视图设置相同的 Y 位置

Question

我只是在玩constraintsWithVisualFormat，但不知道该怎么做。

我有两个视图放在一起，水平边距为 10 像素。两个视图的 Y 位置相同。

我尝试了以下方法。

 [self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-10-[view1(==100)]-10-[view2(==100)]" options:0 metrics:nil views:views]];

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-10-[view1(==100)]-[view2(==100)]" options:0 metrics:nil views:views]];

水平约束：距超级视图 10 像素左边距 - 100 宽度 view1 的 10 像素边距 - view2 的 100 宽度

垂直约束：距超级视图 10 像素顶部 - 视图 1 的 100 高度 - 100 高度的 view2

问题 第二个视图 Y 位置在 view1 之后开始，我希望两个视图的 Y 位置相同。

如果可能，请解释答案

Answer 1

Mark '-' 是 VisualFormatLanguage 中 8px 的边距。

试试这个。

`[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-10-[view1(==100)]-10-[view2(==100)]" options:0 metrics:nil views:views]];
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-10-[view1(==100)]" options:0 metrics:nil views:views]];
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-10-[view2(==100)]" options:0 metrics:nil views:views]];`

Answer 2

水平布局，底部对齐：

[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-10-[view1(==100)]-10-[view2(==100)]"
                                        options:NSLayoutFormatAlignAllBottom
                                        metrics:nil
                                          views:views]

垂直布局不变：

[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-10-[view1]"
                                        options:0
                                        metrics:nil
                                          views:views]

另请注意，两种方法 - 将每个视图约束在超级视图的顶部与围绕公共顶部/底部/基线/中心对齐所有视图明显不同。顺便说一句，其他答案无法解决中心对齐的情况。

UPD：这是在布局中使用对齐选项的完整工作示例：

- (void)applicationDidFinishLaunching:(NSNotification *)notification
{
    NSTextField *view1 = [[NSTextField alloc] initWithFrame:NSZeroRect];
    NSTextField *view2 = [[NSTextField alloc] initWithFrame:NSZeroRect];

    NSView *contentView = [self.window contentView];
    NSDictionary *views = NSDictionaryOfVariableBindings(view1, view2);

    [view1 setTranslatesAutoresizingMaskIntoConstraints:NO];
    [view2 setTranslatesAutoresizingMaskIntoConstraints:NO];

    [contentView addSubview:view1];
    [contentView addSubview:view2];

    [contentView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-[view1(==100)]-[view2(==100)]"
                                                                        options:NSLayoutFormatAlignAllBottom
                                                                        metrics:nil
                                                                          views:views]];
    [contentView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-[view1]"
                                                                        options:0
                                                                        metrics:nil
                                                                          views:views]];
}