UIKit引导页适配动态大文本：布局结构优化方案问询

方案一：用UICollectionView实现滑动区域+静态元素布局 #

这个方案比UIPageViewController更灵活，能轻松适配AutoLayout和动态文本变化，推荐优先考虑。

• 整体结构：
  外层用普通UIView做容器，静态元素（底部页码指示器、按钮）固定在容器底部，滑动区域（图片、标题、描述）放在上方，用横向UICollectionView承载，CollectionView的高度会根据内容自动调整。
• Storyboard操作步骤：
  1. 给容器View添加全屏约束（top/leading/trailing/bottom绑定到安全区域）。
  2. 布置底部静态元素：
     • 按钮：bottom绑定到安全区域底部，leading/trailing贴容器边缘，高度设为>=44（满足点击最小区域），titleLabel设为多行，用动态字体。
     • 页码指示器（UIPageControl）：centerX对齐容器，top和按钮保持合适间距，高度固定。
  3. 添加UICollectionView：
     • 约束top到安全区域顶部，leading/trailing贴容器边缘，bottom到页码指示器顶部（留间距）。
     • 属性面板里把scrollDirection设为Horizontal，勾选Paging Enabled。
• 单元格布局：
  每个UICollectionViewCell内包含图片、标题Label、描述Label，全部用AutoLayout：
  • 图片：top对齐单元格顶部，centerX居中，宽设为单元格宽度的80%，高按宽的比例约束（比如0.7倍）。
  • 标题Label：top接图片底部，leading/trailing贴单元格边缘，行数设为0，用UIFont.preferredFont(forTextStyle: .title1)，开启adjustsFontForContentSizeCategory = true。
  • 描述Label：top接标题底部，leading/trailing贴单元格边缘，bottom对齐单元格底部，行数设为0，用UIFont.preferredFont(forTextStyle: .body)，开启字体自适应。
• 代码补充：
  • 实现UICollectionViewDelegateFlowLayout的sizeForItemAt方法，返回CGSize(width: collectionView.bounds.width, height: UICollectionView.automaticDimension)，让单元格高度自动适配内容。
  • 监听系统字体变化：NotificationCenter.default.addObserver(self, selector: #selector(reloadCollectionView), name: UIContentSizeCategory.didChangeNotification, object: nil)，收到通知后调用collectionView.reloadData()。
  • 滑动CollectionView时，更新页码指示器的currentPage。

方案二：修复UIPageViewController+全局ScrollView的AutoLayout问题 #

如果一定要用UIPageViewController，解决高度不确定的报错问题：

• 外层用UIScrollView包裹所有内容，ScrollView的约束是top/leading/trailing/bottom绑定到安全区域。
• 在ScrollView里加一个UIView作为contentView，给contentView加以下约束：
  • top/leading/trailing/bottom和ScrollView对应边缘对齐。
  • width等于ScrollView的width（避免横向滚动）。
  • 不设置固定高度，由内部元素自动撑高。
• 静态元素（页码、按钮）放在contentView底部，约束和方案一一致。
• 把UIPageViewController作为子控制器添加到contentView，给它的view加约束：
  • top对齐contentView顶部，leading/trailing贴边缘，bottom到页码指示器顶部（留间距）。
  • 给UIPageViewController的view加一个高度约束，优先级设为750（低于默认的1000），方便后续动态调整。
• 子页面布局：
  每个子页面的view内的图片、标题、描述Label都用AutoLayout撑高，Label设为多行，用动态字体，确保子页面高度随内容变化。
• 代码适配：
  • 在子页面的viewDidLayoutSubviews里，计算当前页面的实际高度（view.systemLayoutSizeFitting(UIView.layoutFittingCompressedSize).height），然后更新UIPageViewController的view的高度约束constant值。
  • 监听字体变化通知，遍历所有子页面重新计算高度，更新约束后调用scrollView.layoutIfNeeded()。

核心适配注意事项 #

• 所有文本Label必须用动态字体，并且开启adjustsFontForContentSizeCategory = true，确保字体随系统设置变化。
• 静态按钮的高度设为>=44，避免字体变大后按钮被压缩，同时titleLabel设为多行，防止文字截断。
• 测试时一定要开启系统的动态大文本功能（设置→辅助功能→显示与文字大小→更大字体），验证极端场景下的布局。

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