如何alignment与UIView中心等距的两个button

我正在使用自动布局。 面对有趣的问题。 幸运的是,它从这个时候就被克服,但是需要知道解决问题的最好方法。

在这里输入图像说明

问题:如上图所示,我有几个button。 两者都需要放置在距UIView中心等距离的地方(粗体垂直线是视图的中心)。 此外,我必须应用约束,以便button之间的距离将自动调整。 例如距离应该是设备宽度的25%。 如果我的设备宽度为320,则button之间的距离为80像素,依此类推。

解决scheme(我已经尝试):对于上述问题,我尝试了解决scheme。 如图所示,我在UIView的虚拟视图中添加了虚拟视图的宽度等于两个button之间的间距。 然后我将这些约束应用于虚拟视图。 例如: 1. Horizontal centre of the UIView 2.Width equals to the UIView width with 0.25 as a multiplier

问题:上面的解决scheme对我来说是完美的。 但如果将来如果我的观点会有太多复杂的元素,那么添加虚拟视图可能不是一个好主意。 那么,有没有其他干净的方式来做到这一点?

我面临同样的问题。 我用rdelmar的答案解决了这个问题。

这就是我所做的。

对于左键:

  1. 将约束添加到“在容器中居中 –
  2. 然后将乘数改为0.5,而不是1。

对于右键:

  1. 将约束添加到“在容器中居中 –
  2. 然后将乘数改为1.5,而不是1。

让我知道,如果它为你工作。

您可以在故事板(或xib)中通过对屏幕的右边缘使用约束来执行此操作 – 右边的值与屏幕的宽度相同,因此可以将其用于计算。 对于左边的button,您希望其后沿等于超视图的右边缘时间0.375(0.5减去.125,这是您的25%要求的一半)。 右button的前沿等于超视图的右边界时间0.625(.5 + .125)。

约束看起来像这样,

在这里输入图像说明

在这里输入图像说明

试着将你的btn2的前沿和你的btn1的后缘alignment,你的视图的中心y设置为0,乘数200:160和120:160,你的中心y是第二项