Question

我正在尝试创建附加布局，我添加了一个superview和四个子视图，每个视图都对齐到其中一个边，以实现中间的+符号。我添加的约束是：每个子视图的纵横比和前导后边距，以及这也为左下视图添加了宽度约束。但显然这不是在较小的屏幕上工作，一切都搞砸了，不知道我应该添加什么确切的约束，以便在可变屏幕尺寸上获得所需的结果。

Answer 1

创建具有所需宽高比的超视图。
添加四个子视图，使所有宽度相等且高度相等。
将每个超级视图固定为＆＃34; top，left＆＃34; ＆＃34;顶部，右边＆＃34; ＆＃34;底部，左边＆＃34; ＆＃34;＆＃34;底部，右边＆＃34;＆＃34;
根据superview宽度给出一个具有比例的子视图，如果你想要水平10 px填充然后给320：155
根据宽度选择一个视图的高度。

找到为此制作的示例代码。 https://github.com/iTamilan/AutoLayoutPlus

Answer 2

您应该为视图使用比例高度和宽度，例如：

对于左上角视图，将左上角视图从顶视图顶部移动到顶视图，并类似地执行此操作以进行前导。现在使宽度成为超视图宽度的一半减去两个视图之间间隔的一半。

简而言之：Top left view's leading = superview's leading

        Top left view's top = superview's top
        Top left view's width = superview's width/2 - separation/2
        Top left view's height = superview's height/2 - separation/2

同样为其余视图执行此操作，您将很高兴，并且您的视图在每台设备上都可以正常使用

如何使用自动布局实现此布局？

2 个答案: