iOS Swift：顶部菜单选中时隐藏其他视图的优化方案

你的当前实现确实存在大量冗余代码，以下是几种更简洁的优化方案，并非只有横向ScrollView这一种选择，不同方案适配不同场景：

方案1：数组统一管理视图，简化切换逻辑 #

把所有需要切换的视图存入数组，通过下标匹配直接批量控制显示隐藏，改动最小且代码极度简洁：

private var contentViews: [UIView] = []

override func viewDidLoad() {
    super.viewDidLoad()
    // 按selectedIndex的顺序初始化数组
    contentViews = [liveScrollView, sevenDayCollectionView, fourTeenDayCollectionView, thirtyCollectionView, ninetyCollectionView, allDataCollectionView]
}

var selectedIndex = 0 {
    didSet {
        contentViews.enumerated().forEach { index, view in
            view.isHidden = index != selectedIndex
        }
    }
}

适合不想调整原有布局结构，只想快速简化代码的场景。

方案2：使用UIPageViewController #

如果这些视图的切换属于页面级别的场景，UIPageViewController是更贴合iOS设计规范的方案：

• 自带页面切换动画，支持手势滑动切换
• 支持懒加载子控制器，降低内存占用
• 自动管理页面生命周期

实现思路：

1. 为每个内容视图创建独立的UIViewController（如LiveViewController、SevenDayViewController）
2. 将这些子控制器作为UIPageViewController的数据源
3. 通过selectedIndex触发UIPageViewController切换到对应页面

方案3：横向UIScrollView承载所有视图 #

就是你提到的实现方式，把所有内容视图横向排列在同一个ScrollView中，通过偏移量切换：

// 假设scrollView是承载所有视图的容器
@IBOutlet weak var containerScrollView: UIScrollView!

override func viewDidLoad() {
    super.viewDidLoad()
    // 初始化时设置contentSize：视图宽度 × 数量
    containerScrollView.contentSize = CGSize(width: view.bounds.width * 6, height: containerScrollView.bounds.height)
    // 禁止垂直滚动
    containerScrollView.showsVerticalScrollIndicator = false
    containerScrollView.isScrollEnabled = true
}

var selectedIndex = 0 {
    didSet {
        let targetOffset = CGPoint(x: CGFloat(selectedIndex) * view.bounds.width, y: 0)
        containerScrollView.setContentOffset(targetOffset, animated: true)
    }
}

适合需要快速实现滑动切换，且内容视图内存占用不大的场景。

总结 #

没有绝对的“最佳方案”，选择取决于你的需求：

• 只想简化现有代码、不改动布局：选方案1
• 追求规范的页面切换体验、内存优化：选方案2
• 需要快速实现滑动交互：选方案3

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