如何在 UICollectionView 单元格中显示 activity 指标？

Question

我正在尝试为每个单元格显示 activity 指示器，直到 UICollectionView 单元格的图像出现，但它只显示在最后一个单元格中。

我的代码：

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

    cell.backgroundColor = .blue
    let containerView = UIView(frame: CGRect(x: 0, y: 0, width: 160, height: 200))
    let imageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 160, height: 200))

    cell.contentView.addSubview(activityIndicator)
    activityIndicator.startAnimating()

    containerView.backgroundColor = .magenta

    containerView.addSubview(imageView)

    guard imageArray.count == tempListLength && tempListLength > 0 else {
        DispatchQueue.main.async {
            self.activityIndicator.center = cell.contentView.center
        }
        return cell
    }

    DispatchQueue.main.async {
        self.activityIndicator.stopAnimating()
    }
    imageView.image = imageArray[indexPath.row]

    cell.contentView.addSubview(imageView)

    return cell
}

Answer 1

在自定义单元格中添加 Activity 指标

class CustomCell: UICollectionViewCell {

  private lazy var spinner = UIActivityIndicatorView(style: .large)

        override init(frame: CGRect) {
            super.init(frame: frame)
            commonInit()
        }

        required init?(coder: NSCoder) {
            super.init(coder: coder)
            commonInit()
        }

        private func commonInit() {
             spinner.translatesAutoresizingMaskIntoConstraints = false
            contentView.addSubview(spinner)

            spinner.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
            spinner.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true
         }
    }

然后在cellForItemAt方法中你只需要做的就是开始动画和停止动画

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

   cell.spinner.startAnimating() 
// OR
  cell.spinner.stopAnimating()

}

如何在 UICollectionView 单元格中显示 activity 指标？

How to show activity indicator in UICollectionView cell?

activity-indicator

uicollectionview

uicollectionviewcell

swift