如何跟踪UICollectionView索引

Question

我想在我的代码中使用一个变量来跟踪我的UICollectionView的索引，但我无法让它工作。经过一些故障排除后，我将代码简化为以下内容，如果粘贴到空的viewController应该可以工作，因为不涉及故事板。 GIF动画说明了这个问题。最初，我的变量“selectedItem”等于反映data = [0,1,2,3]的UICollectionView Cell文本，但是当我向右滑动时，它立即变为1.然后它保持关闭1直到最后再次匹配的单元格。反向时，模式会重复。谢谢你的帮助 -

import UIKit

class CodeCollView2: UIViewController, UICollectionViewDataSource,UICollectionViewDelegate, UICollectionViewDelegateFlowLayout {
  var data = [0,1,2,3] //["0", "1", "2", "3" ]
  let cellId = "cellId2"

  var selectedItem = 0

  lazy var cView: UICollectionView = {
    let layout = UICollectionViewFlowLayout()
    layout.scrollDirection = .horizontal
    layout.minimumLineSpacing = 0
    let cv = UICollectionView(frame: .zero, collectionViewLayout: layout)
    cv.isPagingEnabled = true
    cv.dataSource = self
    cv.delegate = self
    return cv
  }()

  var indexLabel: UILabel = {
    let label = UILabel()
    label.text = ""
    label.font = UIFont.systemFont(ofSize: 30)
    return label
  }()

  override func viewDidLoad() {
    super.viewDidLoad()
    setupViews()
  }

  func setupViews() {
    cView.register(CCell2.self, forCellWithReuseIdentifier: cellId)
    view.addSubview(cView)
    cView.translatesAutoresizingMaskIntoConstraints = false
    cView.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true
    cView.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
    cView.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
    cView.heightAnchor.constraint(equalToConstant: 200).isActive = true
    view.addSubview(indexLabel)
    indexLabel.translatesAutoresizingMaskIntoConstraints = false
    indexLabel.bottomAnchor.constraint(equalTo: cView.topAnchor).isActive = true
    indexLabel.centerXAnchor.constraint(equalTo: cView.centerXAnchor).isActive = true
  }

  func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    return data.count
  }

  func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: cellId, for: indexPath) as! CCell2
    selectedItem = indexPath.item
    indexLabel.text = "seletedItem = \(selectedItem)"
    cell.itemValue = data[selectedItem]
    return cell
  }

  func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    return collectionView.frame.size
  }
}

//============== CVCell ==================
class CCell2: UICollectionViewCell {

  var itemValue: Int? {
    didSet {
      if let val = itemValue {
        itemLabel.text = "\(val)"
      }
    }
  }

  var itemLabel: UILabel = {
    let label = UILabel()
    label.font = UIFont.systemFont(ofSize: 100)
    return label
  }()

  override init(frame: CGRect) {
    super.init(frame: frame)
    backgroundColor = .lightGray
    addSubview(itemLabel)
    itemLabel.translatesAutoresizingMaskIntoConstraints = false
    itemLabel.centerYAnchor.constraint(equalTo: centerYAnchor).isActive = true
    itemLabel.centerXAnchor.constraint(equalTo: centerXAnchor).isActive = true
  }

  required init?(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
  }
}

Answer 1

跟踪'cellForItemAt'中的所选项目并不是一个好主意。我建议你在UIScrollViewDelegate的scrollViewDidScroll委托方法中跟踪它。 这样的事情应该有效：

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    let currentPage = cView.contentOffset.x / self.view.bounds.width
}

Answer 2

Nikita Gaydukov说的是真的，cellForItemAt会在显示一个单元格时被调用，即使你只看到它并返回到前一个单元格，所以你不应该使用决定哪个细胞位于中心。

scrollViewDidScroll是跟踪中心哪个单元格的正确方法，您可以使用以下内容打印您所在的索引：

    func scrollViewDidScroll(_ scrollView:UIScrollView)
    {
        let midX:CGFloat = scrollView.bounds.midX
        let midY:CGFloat = scrollView.bounds.midY
        let point:CGPoint = CGPoint(x:midX, y:midY)

        guard

           let indexPath:IndexPath = collectionView.indexPathForItem(at:point)

        else
        {
           return
        }

        let currentPage:Int = indexPath.item
        indexLabel.text = "seletedItem = \(currentPage)"
    }