如何约束UIScrollView内的UIStackView使其从底部向上堆叠增长

原代码中stackView的约束配置存在两处关键问题：

• 原约束中stackView.topAnchor <= scrollView.topAnchor是required优先级，Auto Layout为了满足该约束，会强制将stackView顶部固定在滚动区域最顶端，无论内容总高度多少，都会把内容堆在顶部排布
• 缺少分层优先级约束，无法在内容高度小于滚动视图可视高度时，将stackView锚定到可视区底部
• 直接绑定scrollView的边缘而非系统提供的contentLayoutGuide（定义滚动内容边界）和frameLayoutGuide（定义可视区域边界），容易出现滚动区域计算错误的问题

替换CustomStackView中初始化stackView约束的逻辑，按分层优先级配置约束：

// 原错误约束代码全部删除，替换为以下内容
stackView.translatesAutoresizingMaskIntoConstraints = false
scrollView.addSubview(stackView)

// 基础约束：stackView宽度与可视区完全对齐，左右匹配滚动内容区边界
NSLayoutConstraint.activate([
    stackView.leadingAnchor.constraint(equalTo: scrollView.contentLayoutGuide.leadingAnchor),
    stackView.trailingAnchor.constraint(equalTo: scrollView.contentLayoutGuide.trailingAnchor),
    stackView.widthAnchor.constraint(equalTo: scrollView.frameLayoutGuide.widthAnchor)
])

// 1. 最高优先级约束：stackView底部绑定滚动内容区底部，保证滚动计算的边界正确
let contentBottomConstraint = stackView.bottomAnchor.constraint(equalTo: scrollView.contentLayoutGuide.bottomAnchor)
contentBottomConstraint.priority = .required
contentBottomConstraint.isActive = true

// 2. 低优先级约束：stackView顶部绑定滚动内容区顶部，当内容高度足够时撑高滚动区域
let contentTopConstraint = stackView.topAnchor.constraint(equalTo: scrollView.contentLayoutGuide.topAnchor)
contentTopConstraint.priority = .defaultLow
contentTopConstraint.isActive = true

// 3. 低优先级约束：stackView底部绑定滚动视图可视区底部，当内容高度不足时将stackView拉到底部
let frameBottomConstraint = stackView.bottomAnchor.constraint(equalTo: scrollView.frameLayoutGuide.bottomAnchor)
frameBottomConstraint.priority = .defaultLow
frameBottomConstraint.isActive = true

同时调整stackView的distribution属性，原fillProportionally会在stackView被拉伸时按比例压缩/拉伸子视图，与固定高度的CellView不匹配，改为fill即可：

stackView.distribution = .fill

Auto Layout会按优先级自动适配两种场景：

• 场景1：stackView子视图总高度 < 滚动视图可视高度
  低优先级的frameBottomConstraint会生效，将stackView底部锚定在可视区底部，此时滚动内容高度与stackView固有高度一致，小于可视区高度，不可滚动，内容固定在底部
• 场景2：stackView子视图总高度 >= 滚动视图可视高度
  低优先级的frameBottomConstraint无法生效（会与stackView的固有高度约束冲突），此时contentTopConstraint生效，滚动区域高度自动扩展为stackView的总高度，支持垂直滚动，滚动范围刚好覆盖所有子视图内容，直到顶部子视图完全显示、底部子视图对齐可视区底部

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