在纵向和横向中使用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

是的,可以使用自动布局完成.如果希望视图之间的间距根据方向增大和/或减小,则可以对约束使用小于或等于或大于或等于(而不是等于)关系,这允许距离增大或缩小:

玩弄它,你应该能够得到你想要的东西.