如何在 类 大小的象限中居中按钮?
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,horizontal 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
我有任何大小的故事板。我想在每个象限中居中第一、第二、第三、第四个按钮。如何设置约束?关于 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,horizontal 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