iOS Autolayout:两个等宽的button,并排

我目前有与AutoLayout的困难。 我正在使用接口生成器,并试图定位两个等宽的并排button,如下图所示。

客观的布局

从下面的预览图像,我的titleImage已被正确约束,正确显示,但button不是。 我已经通过将button1​​与titleImage的前缘alignment以及button2与titleImage的后缘alignment来进行实验,但是在这一点上两个button之间的宽度分布变得歪斜,如下所示。

问题场景

我的目标是了解什么约束是缺less的,应该适用于两个button,以保持相等的宽度,无论设备。 如果可能的话,我想通过接口生成器来实现这一点,而不是附加的代码。

添加以下约束

  1. 从button1到button2分配相等的宽度。
  2. 分配两个button之间的水平间距。
  3. 将button1的前导空间分配给它的超级视图。
  4. 将button2的尾部空间分配给它的超级视图。
  5. 将顶部空间分配给两个button。

    请让我知道这对你有没有用。

按照步骤和屏幕截图轻松解决


步骤1)

  • button1:设置约束: (1)领导,(2)顶部或底部根据您的需要,(3)身高


第2步)

  • button2:设置约束: (1)Trailling,(2)顶部或底部,根据您的需要,(3)高度

步骤-3)

  • 按下Dregg从Button1到button2

  • select水平间距


步骤4)

  • select两个button和添加约束等宽


OUTPUT

希望它帮助你:)

在iOS9中的堆栈布局,将会非常好的工作。 添加堆栈视图到您的视图和configuration如下:

在这里输入图像说明

你可以检查我的例子 – 你可以轻松地瞄准这个,通过使用比例约束。 你也可以轻松的瞄准多个UIViews。 请看附件的例子

https://dl.dropboxusercontent.com/u/48223929/TestViewController.xib

我的解决办法是

  1. 在两个button的中间放一个小视图,使其居中(容器中的水平中心和angular度中的垂直中心为0)。
  2. 将高度和宽度添加到小视图。
  3. 添加button的约束和水平空间限制小视图。
  4. 给小视图背景颜色相同的button或视图的颜色。

注意:请参阅屏幕截图。

在这里输入图像说明