在纵向和横向中使用AutoLayout

Question

自动布局，尽管如此，让我疯狂的约束。我有在IB设计的肖像模式，但我无法获得所需的横向方向。

请注意，当方向更改为横向时，UIImageView块之间的间距会减小，SAMPLE TEXT的文本对齐方式会更改为右对齐。

目前，我已经为它添加了一些限制。但是，我需要保持UIImageView块之间的空间固定，因此它看起来像肖像和景观中的精细。我需要它在肖像中均匀展开并在景观中压缩（如上图所示）。同样，目前我的约束会调出文本，但它不会将其保持在屏幕的中心并且右对齐。

自动布局是否可以实现？如果是这样，怎么样？非常感谢。

Answer 1

有几种方法可以解决这个问题。一种方法是将3个图像视图封装在UIView中。将顶部和底部图像视图约束分别赋予顶部和底部，并为中间部分提供一个centerY约束。为此封闭视图提供固定的高度和宽度，并为控制器视图的顶部提供约束。将IBOutlet设置为此封闭视图的高度约束，并在旋转时更改它。在下面的例子中，我的肖像高度为350：

-(void)updateViewConstraints {
    [super updateViewConstraints];
    if (self.view.bounds.size.height < self.view.bounds.size.width) {
        self.heightCon.constant = self.view.bounds.size.height;
    }else{
        self.heightCon.constant = 350;
    }
}

对于标签，最简单的方法是删除你拥有的约束（bottom和centerX），并在旋转时添加trailing和centerY。

Answer 2

是的，可以使用自动布局完成。如果希望视图之间的间距根据方向增加和/或减少，则可以对约束使用小于或等于或大于或等于（而不是等于）关系，这允许距离增大或缩小： / p>

玩弄它，你应该能得到你想要的东西。

Answer 3

是的，使用自动布局绝对可以做到这一点。通过一系列步骤，我认为可能太长而无法作为答案发布，您可以保留ImageView之间的间距并保持文本的对齐方式。

基本上，您必须固定每个ImageView的一角并删除一些约束，以便在更改方向时不会自动压缩间距。

如何执行此操作的完整说明（几乎正是您所要求的）is explained in this tuorial。你可以在页面的中间找到它。

希望这就是你要找的东西。