Ios7 iOS限制:4个按钮

Ios7 iOS限制:4个按钮,ios7,nslayoutconstraint,Ios7,Nslayoutconstraint,我想在屏幕上放置4个按钮。它们应该具有相同的高度和宽度。按钮之间的边距应为35px,视图边框的外侧边距应为20px 现在按钮应该可以缩放到屏幕的不同大小。但我所有的约束尝试都失败了 有人知道如何正确使用它们吗 布局: --------------- | | | x x | | | | x x | | | --------------- X是按钮您可以编写一个程序来计算按钮的大小。首先,得到你

我想在屏幕上放置4个按钮。它们应该具有相同的高度和宽度。按钮之间的边距应为35px,视图边框的外侧边距应为20px

现在按钮应该可以缩放到屏幕的不同大小。但我所有的约束尝试都失败了

有人知道如何正确使用它们吗

布局:

---------------
|             |
|   x     x   |
|             |
|   x     x   |
|             |
---------------

X是按钮

您可以编写一个程序来计算按钮的大小。首先,得到你的屏幕宽度,比如320。然后:320=20+按钮宽度+35+按钮宽度+20 2*按钮宽度=245。按钮宽度=122.5


这同样适用于高度。

我将执行以下操作:

1) 添加背景色清晰的1x1视图,并添加相对于包含视图居中的约束。这会在中间给你一个点

2) 对于左侧按钮,将1x1视图的尾随距离设置为17.5

3) 为正确的按钮。将1x1视图的前导距离设置为17.5

4) 对于顶部按钮,将1x1视图的底部距离设置为17.5

5) 对于底部按钮,将1x1视图的顶部距离设置为17.5

这将为您提供与此1x1视图相关的按钮。你可以把这个向上或向下移动,如果你想在顶部或底部按钮等。。。现在您需要处理宽度的缩放

6) 为按钮添加满足您需要的纵横比。正方形等为1:1

7) 对于左侧按钮,将到包含视图的前导距离设置为20分

8) 对于右侧按钮,将到包含视图的尾随距离设置为20分


设置纵横比后,按钮应按比例缩放宽度和高度,以满足20pt约束和1x1中心点约束。

如果您想要的结果如下所示,请按照以下步骤操作:

永远记住这个方法。按照应该在情节提要(600x600)中呈现的方式设计视图,然后应用约束

  • 按照600x600px的预期放置四个按钮。视图:

  • 选择所有按钮,然后在下部约束辅助对象中选择“等宽”和“等高”约束:

  • 按住Ctrl键从B1拖放到B2,释放并选择“水平间距”。在B3和B4之间执行相同的操作

  • 对B1/B3和B2/B4重复上一步,但选择“垂直间距”

  • 对于B1,将其连接到20px。从左边界和上边界,如下所示:

在应用约束之前,取消选择对边距的约束

  • 对B2(顶部/右侧)、B3(左侧/底部)和B4(右侧/底部)执行相同的操作

设置完毕后,无论屏幕大小如何,视图都将适当缩放。

按钮需要填充整个空间(矩形)还是一些方形按钮?按钮和边距的大小应随屏幕大小缩放。但是边距的缩放速度应该比按钮慢,我不明白。阅读您的问题,只有按钮必须缩放,且内边距为35px。(固定)和外部的是20px。(修正),这是你想要的结果吗?是的,利润应该保持不变。对不起,我弄错了。此方法不使用约束,更难使用和调试。谢谢您的帮助。但我希望他们能改进约束系统。