如何为 uicollectionview 制作“选择环”？

Posted 2023-03-11

【中文标题】如何为 uicollectionview 制作“选择环”？

【英文标题】：How to make a "selection ring" for uicollectionview?

【发布时间】：2017-12-24 15:16:51

【问题描述】：

我的目标是创建一个位于集合视图中间的环。当一个单元格在环中停止时，我想运行一个函数并获取该单元格的索引路径。我不想要真正的分页，而是更多的快速滚动。

为了形象化我想要的... （这是应用商店中的一款应用）

photo

请注意，当集合视图单元格移动时，黑色圆圈/圆环保持在同一位置。

photo2

我将如何做到这一点？

【问题讨论】：

到目前为止你尝试了什么？

我尝试将图像视图作为子视图添加到第一个单元格位置的集合视图中。由于某种原因，图像视图没有显示出来。我还需要帮助弄清楚如何让 uicollection 视图以一种在环中停止的方式滚动。

【参考方案1】：

在UICollectionView 上方添加UIImageView 并将userInteractionEnabled 设置为false。

但如果环形叠加层只包含一个黑白圆圈（如照片所示），则不需要UIImageView。相反，您可以使用两个透明的UIViews 来组合它，您可以在其中设置layer.borderColor 和layer.borderWidth。

当然你还需要在UIViews这两个环上设置userInteractionEnabled为false。

然后here你可以找到一些关于如何实现快速滚动的想法。