如何在 类 大小的象限中居中按钮?

How to center button in Quadrant in size classes?

我有任何大小的故事板。我想在每个象限中居中第一、第二、第三、第四个按钮。如何设置约束?关于 UILable。

您可以水平/垂直居中。然后你还需要设置每个的宽度和高度。

在所有按钮上应用宽高比并仅添加垂直中心和水平中心约束。

" "

每个象限取 4 个视图。

将视图限制为。

添加按钮作为视图的子视图。将垂直和水平约束添加到按钮 w.r.t 到它的 superView .

对所有 3 个视图重复此操作。 最后你的约束应该看起来像

希望对您有所帮助。快乐编码。

for first button:
button.centerX = 1.5*centerX;
button.centerY = 0.5*centerY;

for second button:
button.centerX = 0.5*centerX;
button.centerY = 0.5*centerY;

for third button:
button.centerX = 0.5*centerX;
button.centerY = 1.5*centerY;

for fourth button:
button.centerX = 1.5*centerX;
button.centerY = 1.5*centerY;

并为按钮添加高度和宽度约束并完成。

4 个按钮的 4 个视图

(右上)View 1 - Trailing = 0 and Top = 0 to superview,horizo​​ntal space = 0 to view 2 and vertical space = 0 to view 4

(左上)视图 2 - Leading = 0 and top = 0 to superView

(左下)视图 3 - 前导 = 0 和底部 = 0 到超级视图,水平 space = 0 到视图 4 和垂直 space = 0 到视图 2

(右下角)View 4 - Trailing = 0 and Bottom = 0 to superview

所有视图的高度和宽度相等

将每个按钮放在每个视图中,水平和垂直居中,并带有超级视图

第二个选项: 设置每个按钮的水平和垂直视图中心并设置乘数如下

对于按钮 1(右上)

center x: multiplier = 1.5
center y: multiplier = 0.5

对于按钮 2(左上)

center x: multiplier = 0.5
center y: multiplier = 0.5

对于按钮 3(左下)

center x: multiplier = 0.5
center y: multiplier = 1.5

对于按钮 4(右下角)

center x: multiplier = 1.5
center y: multiplier = 1.5