如何使用autolayout对齐这两个UIButton?

时间:2016-04-26 16:33:15

标签: ios swift autolayout

我有一个自定义的UIView XIB文件,我在其中放置了两个按钮:

Image of Buttons Here

我如何以编程方式(Swift)或使用界面对齐这些按钮看起来像这样?

目前,我得到了这个

Current Buttons (BAD)

按照亚历山大的方法,我这样做了,这是我目前的约束和工作空间。

enter image description here

4 个答案:

答案 0 :(得分:1)

将以下约束添加到按钮1:

  • 领导空间到superview
  • 按钮2的等宽度
  • 按钮2的等高高度
  • 按钮2的水平间距

对于按钮2:

  • SuperView的尾随空间
  • 按钮1的水平间距
  • 按钮1的等宽度
  • 按钮1的相等高度

答案 1 :(得分:1)

只需按照以下步骤操作:

步骤1.选择 LEFT IMAGE 并设置这些约束

  • 顶部

快照显示:  enter image description here

步骤2:选择右图并设置这些约束: - 对 - 最佳 - 底部

快照: enter image description here

步骤3:选择左图像和CMD +从左到右拖动鼠标图像并选择SELECT HORIZONTAL SPACING

快照:enter image description here

步骤4:选择左图像和CMD +从左到右拖动鼠标图像并选择EQUAL WIDTH作为步骤3中显示的图像。

解决了!

希望它有所帮助。

答案 2 :(得分:0)

在IB中添加此类限制: 等宽

相等的高度

将一个按钮的顶部固定到其他顶部

也适用于底层

设置左下角的左,顶部,宽度和高度

答案 3 :(得分:0)

  1. 首先“控制”点击&从一个按钮拖动到另一个按钮并将其设置为下面的图像1中。
  2. IMAGE1 - http://imgur.com/J3nmkIx

    1. 将针脚设置到相对的角落并取消“约束到边距”
    2. IMAGE2 - http://imgur.com/ciBtnLz