iOS Autolayout:两个等宽的button,并排
我目前有与AutoLayout的困难。 我正在使用接口生成器,并试图定位两个等宽的并排button,如下图所示。
从下面的预览图像,我的titleImage已被正确约束,正确显示,但button不是。 我已经通过将button1与titleImage的前缘alignment以及button2与titleImage的后缘alignment来进行实验,但是在这一点上两个button之间的宽度分布变得歪斜,如下所示。
我的目标是了解什么约束是缺less的,应该适用于两个button,以保持相等的宽度,无论设备。 如果可能的话,我想通过接口生成器来实现这一点,而不是附加的代码。
添加以下约束
- 从button1到button2分配相等的宽度。
- 分配两个button之间的水平间距。
- 将button1的前导空间分配给它的超级视图。
- 将button2的尾部空间分配给它的超级视图。
- 将顶部空间分配给两个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
我的解决办法是
- 在两个button的中间放一个小视图,使其居中(容器中的水平中心和angular度中的垂直中心为0)。
- 将高度和宽度添加到小视图。
- 添加button的约束和水平空间限制小视图。
- 给小视图背景颜色相同的button或视图的颜色。
注意:请参阅屏幕截图。