在交互式转换期间更改UICollectionViewCell的内容

时间：2014-11-25 14:08:33

标签： ios swift uikit uicollectionview

我正在玩UICollectionView互动过渡。 最基本的实现是here。

现在我有点陷入细胞过渡。

我们的想法是通过交互式布局转换同时更改单元格内容。

以下是它现在的样子。

第一个布局

enter image description here

第二个布局

enter image description here

转换完成后，我想更改第二个布局上的单元格内容。 1）文本标签“Some label”应该从每个单元格中消失 2）文本标签“另一个标签”应出现在每个单元格的右角。

关键问题我希望此转换在转换过程中根据UICollectionViewTransitionLayout.transitionProgress值淡入/淡出。

Facebook Paper App中实现的非常类似的东西。 看看下面的细胞内容是如何变化的（点击它）。

enter image description here

有人知道复制这种效果的优雅方式吗？

2 个答案:

答案 0 :(得分：0)

这library将帮助您实现您的目标。如果您对自定义动画感兴趣，我建议您使用FB pop library

答案 1 :(得分：0)

好。 解决方案是子类UICollectionViewCell。 子类应包含两个UIView。一个用于大型布局和一个小的。 最初UICollectionViewCell只显示小的一个。 一旦我们开始更新UICollectionViewTransitionLayout.transitionProgress，例如从小到大，我们应该执行以下步骤：

  1. 从大UIImage
    2. 制作UIView
  2. 将此图片放在小UIView
    3. 上方
  3. 将图像的alpha设置为0
  4. 将UIImage的字母数字连续更改为UICollectionViewTransitionLayout.transitionProgress值
  5. 转换完成后，只需将其切换为UIView
    6. 即可

    当你向后转换时，你应该用小的方式切换。

    完成： - ）

相关问题
最新问题