iOS 自动布局：两个并排的宽度相等的按钮

IOS

IOS 自动布局：两个并排的宽度相等的按钮

在 IOS 开发中，经常会遇到需要将两个按钮并排显示，并且它们的宽度需要相等的情况。为了实现这个效果，我们可以使用 IOS 的自动布局技术来进行解决。

在使用自动布局之前，我们首先需要创建两个按钮，并设置它们的约束。为了使两个按钮并排显示，我们可以将它们放置在一个容器视图中，然后设置容器视图的约束，使其与父视图的左右边缘对齐。

接下来，我们需要设置两个按钮的宽度相等。在使用自动布局时，可以使用约束来指定视图的宽度。我们可以为第一个按钮设置一个宽度约束，然后将这个约束的 multiplier 属性设置为 0.5。这样，第一个按钮的宽度就会等于容器视图宽度的一半。

同样地，我们可以为第二个按钮设置一个宽度约束，并将其 multiplier 属性也设置为 0.5。这样，第二个按钮的宽度也会等于容器视图宽度的一半。由于两个按钮的宽度约束 multiplier 属性都设置为相同的值，所以它们的宽度就会相等。

为了更好地理解这个过程，让我们来看一个实际的例子。假设我们有一个容器视图，它的宽度为 300，高度为 50。我们希望在这个容器视图中放置两个按钮，并且它们的宽度相等。

Swift
let contAInerView = UIView()
contAInerView.translatesAutoresizingMaskIntoConstrAInts = false
contAInerView.backgroundColor = .gray
let button1 = UIButton()
button1.translatesAutoresizingMaskIntoConstrAInts = false
button1.backgroundColor = .red
let button2 = UIButton()
button2.translatesAutoresizingMaskIntoConstrAInts = false
button2.backgroundColor = .blue
contAInerView.addSubview(button1)
contAInerView.addSubview(button2)
self.view.addSubview(contAInerView)
NSLayoutConstrAInt.activate([
    contAInerView.topAnchor.constrAInt(equalTo: self.view.topAnchor, constant: 100),
    contAInerView.leadingAnchor.constrAInt(equalTo: self.view.leadingAnchor, constant: 50),
    contAInerView.trAIlingAnchor.constrAInt(equalTo: self.view.trAIlingAnchor, constant: -50),
    contAInerView.heightAnchor.constrAInt(equalToConstant: 50),
    
    button1.topAnchor.constrAInt(equalTo: contAInerView.topAnchor),
    button1.leadingAnchor.constrAInt(equalTo: contAInerView.leadingAnchor),
    button1.bottomAnchor.constrAInt(equalTo: contAInerView.bottomAnchor),
    button1.widthAnchor.constrAInt(equalTo: contAInerView.widthAnchor, multiplier: 0.5),
    
    button2.topAnchor.constrAInt(equalTo: contAInerView.topAnchor),
    button2.leadingAnchor.constrAInt(equalTo: button1.trAIlingAnchor),
    button2.trAIlingAnchor.constrAInt(equalTo: contAInerView.trAIlingAnchor),
    button2.bottomAnchor.constrAInt(equalTo: contAInerView.bottomAnchor),
    button2.widthAnchor.constrAInt(equalTo: contAInerView.widthAnchor, multiplier: 0.5)
])

在上面的代码中，我们首先创建了一个灰色的容器视图，并设置了它的约束。然后，我们创建了两个按钮，并将它们添加到容器视图中。接下来，我们设置了两个按钮的约束，使它们的宽度等于容器视图宽度的一半。最后，我们将容器视图添加到父视图中，并激活约束。

通过使用 IOS 的自动布局技术，我们可以轻松实现两个并排的宽度相等的按钮。只需要将它们放置在一个容器视图中，并设置适当的约束即可。这样，我们就可以在 IOS 应用中创建出漂亮且灵活的界面。

无论是开发小型应用还是大型应用，自动布局都是 IOS 开发中不可或缺的一部分。它可以帮助我们快速适配不同尺寸的设备，并实现界面的自适应。因此，学习和掌握自动布局技术对于成为一名优秀的 IOS 开发者来说是非常重要的。