如何在UIStackView中水平居中元素？及UIScrollView垂直滚动配置问题

我来帮你解决这两个iOS布局问题，都是日常开发里很常见的场景，一步步来拆解：

如果你的StackView是垂直方向（对应你从上到下添加元素的需求），只需要设置它的alignment属性为居中对齐即可：

Swift代码：

stackView.alignment = .center

Objective-C代码：

stackView.alignment = UIStackViewAlignmentCenter;

这样里面的所有子视图都会在水平方向居中显示。像你提到的固定宽度Label，会保持自身宽度的同时，停在StackView的水平中间位置。

要是你用的是水平方向的StackView，想要整体居中的话，除了设置alignment，还得把StackView本身在父视图里水平居中，但你的场景是垂直布局，所以上面的设置就足够了。

你当前的核心问题是ScrollView的内容宽度没有被限制，导致可能出现水平滚动。按照下面的步骤调整就能解决：

1. 正确设置StackView与ScrollView的约束
   你已经给ScrollView加了和父视图四边贴合的约束，接下来给ScrollView内部的StackView添加这些约束：

   • StackView的top、leading、trailing、bottom四个边，分别和ScrollView的contentLayoutGuide对应边对齐（确保StackView能撑开ScrollView的内容高度）
   • 关键操作：给StackView添加一个宽度等于ScrollView的frameLayoutGuide宽度的约束。这一步能强制StackView的宽度和ScrollView保持一致，从根源上避免ScrollView出现水平滚动。
     （如果用Storyboard/XIB操作，按住Ctrl从StackView拖到ScrollView，选择"Equal Widths"即可，同时要保证StackView的leading/trailing是和ScrollView的contentLayoutGuide对齐的）

2. 配置StackView的核心属性

   • 设置axis为.vertical（让元素从上到下排列）
   • 设置alignment为.center（让Label等子元素水平居中）
   • 根据需求设置spacing（调整子视图之间的间距）

3. 优化ScrollView的滚动行为
   为了彻底杜绝水平滚动的可能，可以额外加上这两行设置：
   Swift代码：

   scrollView.showsHorizontalScrollIndicator = false
   scrollView.isDirectionalLockEnabled = true // 锁定垂直滚动方向
   

   Objective-C代码：

   scrollView.showsHorizontalScrollIndicator = NO;
   scrollView.directionalLockEnabled = YES;
   

这样设置完成后，你的固定宽度Label会在StackView里水平居中，同时因为StackView宽度和ScrollView一致，Label在整个ScrollView范围内也是居中的；ScrollView只会根据StackView的内容高度进行垂直滚动，完全不会出现水平滚动的情况。

内容的提问来源于stack exchange，提问作者breakline