滚动 UICollectionView 的不良做法

Question

我制作了一个水平滚动的 UICollectionView，我希望中间的单元格具有白色字体，而其余的为黑色。

如果我只使用 scrollViewDidEndDecelerating 突出显示中间单元格似乎比我同时使用 scrollViewWillBeginDecelerating 和 scrollViewDidEndDecelerating 突出显示中间单元格更多。这是不好的做法吗？

extension CurrencySelectorTableViewCell: UIScrollViewDelegate{
    func scrollViewWillBeginDecelerating(_ scrollView: UIScrollView) {
        self.findCenterIndex()
    }

    func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
        self.findCenterIndex()
    }
}

顺便说一句，这段代码仍然不能像我想要的那样完美地动画，所以我愿意接受任何建议，如何使这个滚动机制尽可能平滑。

当 UICollectionView 开始滚动时，触发此功能：

func findCenterIndex() {
    let center = self.convert(self.collectionView.center, to: self.collectionView)
    let index = collectionView!.indexPathForItem(at: center)

    if let selectedIndex = index {
        self.selectedCell = selectedIndex.item
        self.collectionView.reloadData()
    }
}

在重新加载 UICollectionView 时，位于中间的单元格中的标签看起来与其余部分不同：

func collectionView(_ collectionView: UICollectionView,
                             cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CurrencySelectorCollectionViewCell", for: indexPath) as! CurrencySelectorCollectionViewCell

    if (indexPath.item == self.selectedCell) {
        cell.currencyLabel.textColor = UIColor.white
        cell.currencyLabel.font = cell.currencyLabel.font.withSize(22)
    } else {
        cell.currencyLabel.textColor = UIColor.black
        cell.currencyLabel.font = cell.currencyLabel.font.withSize(15)
    }

    cell.currencyLabel.text = currencies[indexPath.item]

    return cell
}

现在它会跳动一点，因为它只会在滚动刚刚开始或刚刚停止时更改标签。我希望 UITextLabel 上的这种效果在整个滚动过程中不断发生。

Answer 1

在启动新动画之前尝试添加UILabel 层的removeAllAnimations()：

[view.layer removeAllAnimations];

编辑：

根据您在问题中的编辑，您没有运行任何动画。你在UICollectionView 上调用reloadData，这是非常糟糕的做法。

你应该只是简单：

1：（错误选项）

仅使用 performBatchUpdates(_:completion:) 重新加载单元格

2：不错的选择

在单元格findCenterIndex 和cellForItem(at:) 中将单元格作为变量访问，只需对标签进行更新即可。

您还可以通过获取visibleCells 的数组来取消选择其他单元格，只需按照上述相同操作即可，但您会触发“取消选择”代码。您实际上可以在运行选择代码之前执行此操作。或者，只需在可见单元格上运行 for 循环并在循环中“取消选择”它们，然后在 CGPoint 中心选择一个，即可在一个操作中完成所有操作。

这样，您甚至不必重新加载您的 UICollectionView，这是最佳实践。您还可以避免闪烁和动画。