自动布局-调整子视图的大小，使其与其监督视图成比例

Question

我有一个具有两个垂直约束的视图，一个1:1的纵横比坐标系和一个中心对齐，因此它会根据屏幕的高度自动调整大小。现在，这个视图以UIImageViews的形式填充了一系列较小的子视图。我希望这些图像视图能够自动调整与超级视图成比例的大小，但我不知道如何做到这一点。我在superview中尝试了无数种约束，但都以一团糟而告终。有什么想法吗？

Answer 1

以下是一个带有1个UIImageView的示例:

首先设置ImageView在Superview中的位置（为简单起见，我选择了左上角）：

NSDictionary* views = NSDictionaryOfVariableBindings(orangeView);

[superview addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[imageView]"
                                                                 options:0
                                                                 metrics:nil
                                                                   views:views]];
[superview addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[imageView]"
                                                                options:0
                                                                metrics:nil
                                                                  views:views]];

之后，将imageView的宽度和高度设置为相对于其超级视图：

[superview addConstraint:[NSLayoutConstraint constraintWithItem:imageView
                                                      attribute:NSLayoutAttributeHeight
                                                      relatedBy:NSLayoutRelationEqual
                                                         toItem:redView
                                                      attribute:NSLayoutAttributeHeight
                                                     multiplier:0.4//between 0.0 and 1.0
                                                       constant:0]];

[superview addConstraint:[NSLayoutConstraint constraintWithItem:imageView
                                                    attribute:NSLayoutAttributeWidth
                                                    relatedBy:NSLayoutRelationEqual
                                                       toItem:redView
                                                    attribute:NSLayoutAttributeWidth
                                                   multiplier:0.4//between 0.0 and 1.0
                                                     constant:0]];