addArrangedSubview 与 addSubview

IOS

在IOS开发中，我们经常需要在界面中添加视图，并且对它们进行布局。在这个过程中，我们常常会使用到两个方法：addArrangedSubview和addSubview。这两个方法是UIView的扩展方法，用于向视图中添加子视图。虽然它们的功能相似，但在使用时却有一些区别。

addSubview是UIView的原生方法，用于将一个视图添加到另一个视图中作为子视图。在这种情况下，被添加的子视图的位置和大小需要开发者手动指定。例如，我们可以通过以下代码将一个UILabel添加到一个UIView中：

let label = UILabel(frame: CGRect(x: 50, y: 50, width: 200, height: 30))
label.text = "Hello World"
let contAInerView = UIView(frame: CGRect(x: 0, y: 0, width: 300, height: 200))
contAInerView.addSubview(label)

在这个例子中，我们创建了一个UILabel，并手动指定了它的位置和大小。然后，我们创建了一个UIView作为容器，并将label作为它的子视图添加进去。通过这种方式，我们可以自由地控制子视图的位置和大小，但同时也需要更多的代码来完成布局。

而addArrangedSubview是UIStackView的方法，用于将一个视图添加到UIStackView中作为子视图，并且由UIStackView自动进行布局。UIStackView是IOS 9引入的一个用于自动布局的容器视图。它会根据子视图的约束自动调整子视图的位置和大小，简化了布局的过程。下面是一个使用addArrangedSubview的例子：

let label1 = UILabel()
label1.text = "Hello"
let label2 = UILabel()
label2.text = "World"
let stackView = UIStackView(frame: CGRect(x: 0, y: 0, width: 300, height: 200))
stackView.axis = .vertical
stackView.alignment = .center
stackView.distribution = .fillEqually
stackView.spacing = 10
stackView.addArrangedSubview(label1)
stackView.addArrangedSubview(label2)

在这个例子中，我们创建了两个UILabel，并将它们添加到一个UIStackView中。通过使用addArrangedSubview方法，UIStackView会自动根据axis（轴线方向）、alignment（对齐方式）、distribution（分布方式）和spacing（间距）等属性来调整子视图的位置和大小，从而完成自动布局。相比于手动布局，使用UIStackView可以大大简化代码量，提高开发效率。

使用addArrangedSubview的好处

在上面的例子中，我们已经了解到了使用addArrangedSubview的基本用法和优势。下面我们再来详细探讨一下使用addArrangedSubview的一些好处。

1. 自动布局

使用addArrangedSubview方法，UIStackView会根据约束自动调整子视图的位置和大小，实现自动布局。这样我们就无需手动计算和设置子视图的frame，大大简化了布局的过程。

2. 灵活的布局方式

UIStackView提供了多种布局方式，包括水平布局和垂直布局，以及不同的对齐方式和分布方式。我们可以根据实际需求选择合适的布局方式，并通过属性设置来调整子视图的位置和大小。

3. 动态添加和移除子视图

使用addArrangedSubview方法，我们可以随时向UIStackView中添加新的子视图或者移除已有的子视图。UIStackView会自动根据约束调整子视图的位置和大小，无需手动重新布局。

4. 适应屏幕旋转

UIStackView可以自动适应屏幕的旋转，保持子视图的布局不变。这在处理屏幕旋转的情况下非常有用，可以大大简化布局的处理逻辑。

addArrangedSubview方法是一种快速、简便且灵活的布局方式，适用于大部分场景下的视图布局。通过使用UIStackView和addArrangedSubview，我们可以更加高效地实现自动布局，并且减少了手动计算和设置子视图frame的工作。