AutoLayout：在可以调整大小的超级视图中垂直居中两个 UIView

IOS

在 IOS 开发中，使用 AutoLayout 来实现界面布局是一种常见的方式。AutoLayout 可以帮助我们创建适配不同屏幕尺寸的界面，并且可以在运行时自动调整视图的大小和位置。在本文中，我们将探讨如何使用 AutoLayout 在一个可以调整大小的超级视图中垂直居中两个 UIView。

在使用 AutoLayout 垂直居中两个 UIView 之前，我们首先需要创建一个可以调整大小的超级视图。我们可以使用 UIView 或者其子类作为这个超级视图，并将其添加到我们的界面上。

下面是一个简单的示例代码，用来创建一个可以调整大小的超级视图：

Swift
let superView = UIView()
superView.translatesAutoresizingMaskIntoConstrAInts = false
view.addSubview(superView)
superView.leadingAnchor.constrAInt(equalTo: view.leadingAnchor).isActive = true
superView.trAIlingAnchor.constrAInt(equalTo: view.trAIlingAnchor).isActive = true
superView.topAnchor.constrAInt(equalTo: view.topAnchor).isActive = true
superView.bottomAnchor.constrAInt(equalTo: view.bottomAnchor).isActive = true

在上面的代码中，我们创建了一个 UIView，并将其设置为可以自动调整大小。然后，我们将这个超级视图添加到我们的界面上，并使用 AutoLayout 的约束来确定超级视图的位置和大小。这里我们将超级视图的四个边缘与界面的四个边缘对齐，以实现超级视图的大小调整。

接下来，我们需要在超级视图中添加两个 UIView，并使它们垂直居中。我们可以使用 AutoLayout 的约束来实现这个目标。

下面是一个示例代码，用来在超级视图中垂直居中两个 UIView：

Swift
let view1 = UIView()
view1.translatesAutoresizingMaskIntoConstrAInts = false
superView.addSubview(view1)
let view2 = UIView()
view2.translatesAutoresizingMaskIntoConstrAInts = false
superView.addSubview(view2)
view1.centerXAnchor.constrAInt(equalTo: superView.centerXAnchor).isActive = true
view1.centerYAnchor.constrAInt(equalTo: superView.centerYAnchor, constant: -50).isActive = true
view1.widthAnchor.constrAInt(equalToConstant: 200).isActive = true
view1.heightAnchor.constrAInt(equalToConstant: 50).isActive = true
view2.centerXAnchor.constrAInt(equalTo: superView.centerXAnchor).isActive = true
view2.centerYAnchor.constrAInt(equalTo: superView.centerYAnchor, constant: 50).isActive = true
view2.widthAnchor.constrAInt(equalToConstant: 200).isActive = true
view2.heightAnchor.constrAInt(equalToConstant: 50).isActive = true

在上面的代码中，我们创建了两个 UIView，并将它们添加到超级视图中。然后，我们使用 AutoLayout 的约束来将这两个 UIView 垂直居中。我们使用 centerXAnchor 和 centerYAnchor 约束来确定 UIView 的中心位置，使用 widthAnchor 和 heightAnchor 约束来确定 UIView 的大小。

通过以上代码，我们成功地使用 AutoLayout 在一个可以调整大小的超级视图中垂直居中了两个 UIView。这种方法适用于各种情况，无论是在 iphone 上还是在 iPad 上，都可以实现界面元素的自适应布局。

在本文中，我们学习了如何使用 AutoLayout 在一个可以调整大小的超级视图中垂直居中两个 UIView。我们首先创建了一个可以调整大小的超级视图，并使用 AutoLayout 的约束来确定其位置和大小。然后，我们在超级视图中添加了两个 UIView，并使用 AutoLayout 的约束来将它们垂直居中。

使用 AutoLayout 可以帮助我们创建适配不同屏幕尺寸的界面，并且可以在运行时自动调整视图的大小和位置。这样可以大大简化界面布局的工作，并且使界面在不同设备上都能够良好地显示。

希望本文对你理解如何使用 AutoLayout 在一个可以调整大小的超级视图中垂直居中两个 UIView 有所帮助。如果你有任何问题或疑惑，请随时留言。