Swift 4：如何实现带边缘居中图片的横向滚动图片画廊？选Scroll View还是Collection View？

Hey there! Let's break down which component is better for your edge-centered horizontal image gallery:

优先选择 Collection View #

Collection View is hands down the better choice here, and here's why:

• 内置单元格复用机制: 和Scroll View不同，Collection View会自动复用屏幕外的单元格，这在图片数量较多时对性能至关重要。你不用再手动管理大量占用内存的图片视图，避免内存过载问题。
• 布局灵活性更强: 以iOS平台为例，使用UICollectionViewFlowLayout可以轻松设置横向滚动方向、调整图片间距，还能通过设置内边距来实现边缘图片的居中视觉效果。
• 居中逻辑更易实现: 你可以借助滚动视图的代理方法（比如scrollViewWillEndDragging）让滚动停止时自动将最近的单元格对齐到视图中心——这些逻辑如果用Scroll View实现，需要完全从零开始编写。

实现边缘居中效果的快速步骤： #

• 将Collection View的布局设置为横向滚动。
• 调整sectionInset属性添加左右内边距，让首尾图片能在视图内居中显示。
• 在collectionView(_:layout:sizeForItemAt:)方法中定义单元格尺寸，确保图片在单元格内部居中对齐。
• 添加吸附行为：在滚动视图代理方法中，计算能让最近单元格中心与Collection View中心对齐的目标偏移量，然后更新targetContentOffset到该值即可。

什么时候考虑用Scroll View？ #

只有当你只有极少的固定数量图片（比如3-4张），且想要快速搭建一个简易版本时才考虑。但即便如此，你也需要手动创建并定位每个图片视图、处理滚动事件、自己编写居中逻辑——这些工作Collection View都能帮你一键搞定。

相信我，选Collection View绝对是更省心的选择，尤其是如果之后你打算扩展图片数量的话，它能帮你省去超多后续麻烦。

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