通过自动布局更改约束

Question

我在视图中有一个方形按钮网格，非常适合iPhone5。我现在也希望它在3.5英寸屏幕上也看起来不错。 我正在使用自动布局，并且为3.5英寸创建了新的图像，这些图像的高度略小，以便它们可以在屏幕上显示（它们不再是正方形了）。 据我了解，使用自动布局时不能像往常一样使用框架吗？ 相反，您应该使用约束。 但是我该怎么做呢？

基本上，我需要做的是更改y坐标和按钮的高度。

这是4英寸屏幕（底部的标签栏）上的屏幕示例。

Answer 1

用VFL表示这一点，您想要的是：

使垂直红色框的尺寸垂直均匀，并覆盖其超级视图的垂直范围：

@"V:|-[subview1]-[subview2(==subview1)]-[subview3(==subview1)]-|"
@"V:|-[subview4]-[subview5(==subview4)]-[subview6(==subview4)]-|"

同样，也要使框的尺寸水平均匀，并跨越其视图的水平范围：

@"H:|-[subview1]-[subview4(==subview1)]-|"
@"H:|-[subview2]-[subview5(==subview2)]-|"
@"H:|-[subview3]-[subview6(==subview3)]-|"

这使得六个子视图在其父视图中具有相等的大小和均匀的间距。 这说明了自动布局的优点之一，因为我们非常明确地避免了对y或height值的任何引用。 我们只需要定义视图，它们的兄弟姐妹和它们的超级视图之间的关系，其余部分就由自动布局负责。

无论您是使用上述VFL还是在Interface Builder中以编程方式进行操作，此模式都适用，但希望它能说明这一概念。

另外，您可以使用UICollectionView ，它是用于分隔这些控件的，可以对其进行设置，以便它可以正确地调整纵向和横向的布局。

---

例如，要将六个图像视图添加到视图中，可以将QuartzCore.framework添加到项目中（可用于创建带有圆角的红色图像视图背景），然后导入标头：

#import <QuartzCore/QuartzCore.h>   // and 

然后在viewDidLoad ：

NSMutableArray *subviews = [NSMutableArray array];

for (NSInteger i = 0; i < 6; i++)
{
    UIImageView *subview = [[UIImageView alloc] init];
    [subviews addObject:subview];
    subview.layer.cornerRadius = 10.0;
    subview.backgroundColor = [UIColor redColor];
    subview.contentMode = UIViewContentModeCenter;
    subview.translatesAutoresizingMaskIntoConstraints = NO;
    [self.view addSubview:subview];
}

NSDictionary *views = @{@"subview1": subviews[0],
                        @"subview2": subviews[1],
                        @"subview3": subviews[2],
                        @"subview4": subviews[3],
                        @"subview5": subviews[4],
                        @"subview6": subviews[5]};

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-[subview1]-[subview2(==subview1)]-[subview3(==subview1)]-|" options:0 metrics:nil views:views]];
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-[subview4]-[subview5(==subview4)]-[subview6(==subview4)]-|" options:0 metrics:nil views:views]];

[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-[subview1]-[subview4(==subview1)]-|" options:0 metrics:nil views:views]];
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-[subview2]-[subview5(==subview2)]-|" options:0 metrics:nil views:views]];
[self.view addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-[subview3]-[subview6(==subview3)]-|" options:0 metrics:nil views:views]];

然后，如果我使用具有透明背景的PNG图像，则可以为这六个图像视图设置image属性，让自动布局定义frame ，QuartzCore会做圆角，等等。