在纵向和横向中使用AutoLayout-Java 学习之路

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

layout

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

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

自动布局可以实现这一点吗？如果是这样，怎么样？非常感谢 .

3 回答

12
有几种方法可以解决这个问题 . 一种方法是将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 .
回复于 2024-05-03T21:53:56+08:00
2

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

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

回复于 2024-05-03T21:53:56+08:00
6

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

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

关于如何做到这一点的完整解释（几乎就是你所要求的）is explained in this tuorial . 您可以在页面的中间找到它 .

希望这是你想要的 .

回复于 2024-05-03T21:53:56+08:00

在纵向和横向中使用AutoLayout

3 回答

相关问题