如何让UIScrollView内尺寸更小的UIStackView实现右对齐？

• 左侧为包含2个按钮的水平UIStackView，布局正常
• 右侧是UIScrollView，内部嵌套一个水平UIStackView
• 已实现需求：当内部栈视图宽度超过滚动视图时，可横向滚动显示剩余按钮（通过将内部栈视图边缘与滚动视图contentLayoutGuide对齐、栈视图高度与滚动视图frameLayoutGuide相等）
• 待解决问题：按钮数量较少、无需滚动时，内部栈视图的按钮默认左对齐，需改为右对齐

这种方法无需调整复杂的约束优先级，就能同时满足滚动和右对齐需求：

1. 在内部水平UIStackView的最左侧插入一个普通UIView作为占位视图
2. 给占位视图设置以下属性（Swift代码示例）：

   let spacerView = UIView()
   // 设置低优先级的内容拥抱和压缩阻力，允许视图被拉伸或压缩
   spacerView.setContentHuggingPriority(.defaultLow, for: .horizontal)
   spacerView.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
   innerStackView.insertArrangedSubview(spacerView, at: 0)
   

3. 保持原有滚动视图的约束不变：

   innerStackView.translatesAutoresizingMaskIntoConstraints = false
   NSLayoutConstraint.activate([
       innerStackView.leadingAnchor.constraint(equalTo: scrollView.contentLayoutGuide.leadingAnchor),
       innerStackView.trailingAnchor.constraint(equalTo: scrollView.contentLayoutGuide.trailingAnchor),
       innerStackView.topAnchor.constraint(equalTo: scrollView.contentLayoutGuide.topAnchor),
       innerStackView.bottomAnchor.constraint(equalTo: scrollView.contentLayoutGuide.bottomAnchor),
       innerStackView.heightAnchor.constraint(equalTo: scrollView.frameLayoutGuide.heightAnchor)
   ])
   

4. 设置内部栈视图的布局属性：
   • distribution 设为 .fill
   • alignment 根据需求设为 .center/.top/.bottom（控制按钮垂直方向的对齐）

原理说明 #

• 当按钮总宽度 ≤ 滚动视图宽度时，占位视图会自动拉伸，将所有按钮推到栈视图的右侧，实现右对齐
• 当按钮总宽度 > 滚动视图宽度时，占位视图会被压缩至最小宽度（0），内部栈视图随内容宽度扩展，滚动视图可正常横向滚动

如果不想添加占位视图，可通过约束优先级实现：

1. 移除内部栈视图与滚动视图contentLayoutGuide的尾部对齐约束，仅保留头部对齐、顶部/底部对齐、高度与frameLayoutGuide相等的约束
2. 添加约束：innerStackView.width ≥ scrollView.frameLayoutGuide.width，优先级设为 750（低于默认的1000，确保内容超宽时该约束可被打破）
3. 添加约束：innerStackView.trailing ≤ scrollView.contentLayoutGuide.trailing，优先级设为 1000
4. 设置内部栈视图的distribution为 .trailing（仅iOS 16+可用，低版本兼容场景不推荐）

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