问灵活的图像视图

EN

使用自动布局可以做到这一点，但您仍然需要根据显示的是一个还是两个UIImageViews，通过编程来修改一个约束。

下面是你如何使用自动布局的方法：

创建容器视图

在容器视图的左边缘到左边距处创建约束。将容器视图的右边缘移到右边距。将容器视图的约束height.

• Delete

1. height.
2. Delete
   1. UIView to
   2. 。

创建UIImageViews

1. 在容器视图中创建三个图像。
2. 根据需要调整UIImage视图的大小并将其对齐。
3. 固定第一个图像视图与第二个图像视图之间的水平间距。
4. 固定第二个图像视图与第三个图像视图之间的水平间距。

<

1. >H125>将第一个图像视图上的前导空间固定到第一个图像视图上，并将第三个图像视图上的尾随空间与所有三个图像视图对齐，并将宽度与对齐中心x固定第二个图像视图上的约束。
2. 在第二个图像视图上选择图像视图约束的尾随空间，并将优先级设置为900 (important).

创建神奇的额外约束

1. 将尾随空格固定到第二个图像视图上的superview。
2. 选择新约束并将优先级设置为850。
3. 将约束的常量值设置为0。

容器UIView只是维护包含视图的边距和高度。

第二个图像视图现在应该有两个拖尾约束，它们都显示为虚线。旋转屏幕应该使容器视图伸展以适应，并且三个UIImageViews也伸展以适应。

当前，第二和第三图像视图之间的约束比第二图像视图和容器视图之间的“魔术”约束更高优先级，导致第二图像视图的右边缘与第三图像视图的左边缘间隔开。要调整两个图像的布局，“魔术”约束必须比另一个具有更高的优先级，从而使第二个图像视图的右边缘与superview的右边缘对齐。

只需为“魔术”约束创建一个IBOutlet (在第二个图像视图上的superview的尾随空格)，并根据需要提高和降低优先级。

if (imageCount == 2) {
  // Second image view should favor right edge of superview
  self.myConstraint.priority = 950;
} else if (imageCount == 3) {
  // Second image view should favor left edge of third image view
  self.myConstraint.priority = 850;
}

必要时，您可能还希望隐藏第三个图像视图。

我的选择是，当第三个图像为空时，将第三个imageView的isHidden属性设置为YES。然后相应地指定其他两个图像视图的边界(您说过，您知道如何做到这一点)。

检查imageView_3是否没有镜像，然后调整其余两个imageViews的大小，如下所示：

if (imageView_3.image == nil) {
    CGRect frame = imageView_1.frame;
    frame.size.width += imageView_3.frame.size.width / 2;
    imageView_1.frame = frame;

    frame = imageView_2.frame;
    frame.size.width += imageView_3.frame.size.width / 2;
    frame.origin.x   += imageView_1.frame.origin.x + imageView_1.frame.size.width + 10/*the gap*/;
    imageView_2.frame = frame;
}