ios - 将 View 从屏幕向右动画化并从左侧返回

Question

我正在尝试复制在 Apple App Store 中找到的动画(如此处所示)。应用程序图标像轮播一样从左向右连续移动，我试图为单个 UIView 产生相同的行为。有人能帮忙解决这个问题吗？真的很挣扎:

我尝试过，但它停止并重复动画，而不是从左到右继续。

    UIView.animateKeyframes(withDuration: 5, delay: 0, options: .repeat, animations: {
        viewOfImageViews.center.x += container.bounds.width +

    }, completion: nil)

Answer 1

以下是存档此效果的一种方法:

• 添加 Collection View
• 将单元格宽度设置为与 super View 相同的宽度
• 将 Collection View 滚动方向设置为水平

• 现在，在代码中，当加载集合时，您可以滚动到第一部分

  DispatchQueue.main.async {
      self.collView.scrollToItem(at: IndexPath(item: 0, section: 1), at: .left, animated: true)
  }
  

• 现在您可以在下面添加此代码，以便在动画完成时更新单元格并再次滚动

  func scrollViewDidEndScrollingAnimation(_ scrollView: UIScrollView) {
      colors.append(colors.removeFirst())
      collView.reloadData()
      DispatchQueue.main.async {
          self.collView.scrollToItem(at: IndexPath(item: 0, section: 0), at: .left, animated: false)
          self.collView.scrollToItem(at: IndexPath(item: 0, section: 1), at: .left, animated: true)
      }
  }
  

• 将颜色数组更改为包含图像的数组名称