如何实现iOS相机应用式UIScrollView单选项滚动效果？

核心思路 #

UIScrollView默认分页是基于自身bounds宽度的整数倍位置，而相机App的滚动是基于单个选项item的位置来切换，所以需要禁用默认分页，手动实现滚动结束后的定位逻辑。

具体实现步骤 #

1. 禁用默认分页
   先关闭scrollView的默认分页功能，避免干扰自定义逻辑：

   scrollView.isPagingEnabled = false
   

2. 预计算每个选项的位置偏移
   在布局完成后（比如viewDidLayoutSubviews或UICollectionView布局更新后），计算并存储每个选项item的起始x偏移量：

   var itemOffsets: [CGFloat] = []
   
   func calculateItemOffsets() {
       itemOffsets.removeAll()
       // 假设你的选项是scrollView的子视图，替换成你的选项视图类型
       for subview in scrollView.subviews where subview is CameraOptionView {
           let offsetX = subview.frame.origin.x - scrollView.contentInset.left
           itemOffsets.append(offsetX)
       }
       itemOffsets.sort()
   }
   

   如果用UICollectionView，可通过collectionViewLayout.layoutAttributesForItem(at:)获取每个item的位置。

3. 自定义滚动结束定位逻辑
   实现UIScrollViewDelegate的scrollViewWillEndDragging方法，在滚动即将结束时，计算最匹配的目标偏移量，强制滚动到对应选项位置：

   func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) {
       let currentOffsetX = scrollView.contentOffset.x
       var closestOffset = itemOffsets.first ?? 0
       var minDistance = abs(currentOffsetX - closestOffset)
       
       // 优先根据滚动速度判断切换方向
       if velocity.x > 0.5 {
           closestOffset = itemOffsets.first(where: { $0 > currentOffsetX }) ?? closestOffset
       } else if velocity.x < -0.5 {
           closestOffset = itemOffsets.reversed().first(where: { $0 < currentOffsetX }) ?? closestOffset
       } else {
           // 慢速滚动时找最近的选项
           for offset in itemOffsets {
               let distance = abs(currentOffsetX - offset)
               if distance < minDistance {
                   minDistance = distance
                   closestOffset = offset
               }
           }
       }
       
       targetContentOffset.pointee.x = closestOffset
   }
   

4. 支持点击切换
   如果需要点击选项直接切换，可调用以下方法滚动到对应位置：

   scrollView.setContentOffset(CGPoint(x: targetOffset, y: 0), animated: true)
   

注意事项 #

• 布局更新后（比如设备旋转、选项宽度变化），需重新调用calculateItemOffsets更新偏移量。
• 若使用UICollectionView，结合UICollectionViewFlowLayout的横向滚动模式，整体逻辑会更易维护。

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