使用Swift/Storyboard制作2个50%宽度的工具栏/页脚按钮

Question

我正在尝试显示标题栏,图像,然后是两个按钮,几乎就像下面一样.主要区别在于我希望两个项目按钮的宽度为50%,每个按钮都是纯色(占据屏幕的整个底部).我没有使用标签栏,因为按钮只是用于更改图像,而不是整个视图控制器.

到目前为止使用故事板,我只是停留在按钮上.我把它们作为条形按钮项目放在工具栏中.然后我尝试在控制器中设置它们的宽度:

@IBOutlet weak var firstButton: UIBarButtonItem!
@IBOutlet weak var secondButton: UIBarButtonItem!

override func viewDidLoad() {
    super.viewDidLoad()
    self.firstButton.width = self.view.bounds.width / 2
    self.secondButton.width = self.view.bounds.width / 2
}

我相信它们设置正确,但工具栏正在迫使一些空间位于第一个按钮的前面.我还没有改变他们的背景颜色,但我希望一旦我完成间距就会很简单.

我是iOS开发的新手,所以任何提示都会受到赞赏.我的目标是让它普遍适用,但我决定让它在iPhone上锁定肖像.

Answer 1

使用Autolayout相对简单,您需要将按钮的宽度设置为等于SuperView并将乘数常量设置为0.5

或者将工具栏宽度设置为Superview with Multiplier 1.0,然后UIButtons等于工具栏的宽度,但乘数为0.5

像这样的东西

Answer 2

以前的答案没有解决问题，看起来使用工具栏有一些内部填充。这样您可能无法向栏按钮添加约束。

我的实际解决方案是：

删除栏按钮和工具栏。在底部添加两个 UIButton。添加以下约束

第一个按钮

• 引领空间走向超级视野

第二个按钮

• 引领空间走向超级视野

第一个按钮和第二个按钮

• 底部空间到超级视图
• 与 ImageView 成比例的宽度，乘以 0.5