How to transition from UICollectionView to UIViewController like Pinterest/Evernote

I have a UICollectionView and when an item is selected, I’d like it to animate full screen. So it would transition from the size of the cell to full screen and become a UIViewController. Pinterest and Evernote both have this behavior where tapping on a cell transitions the cell into a full screen view controller.

Are there any example of how this is done? I’ve searched several projects, but haven’t found any illustrating on transitioning a cell to full screen view controller.

  • How do I hook up UICollectionViewController in UIContainerView
  • UICollectionView setLayout:animated: not preserving zIndex
  • UICollectionView - Horizontal scroll, horizontal layout?
  • UICollectionView cellForItemAtIndexPath is nil
  • iOS UICollectionViewCells Layout with intersection
  • Where to highlight UICollectionViewCell: delegate or cell?
  • Pinterest discusses it here:

    enter image description here

    Solutions Collect From Internet About “How to transition from UICollectionView to UIViewController like Pinterest/Evernote”

    It’s not difficult to implement this transition. Just like the article said, they custom a transition to implement UIViewControllerAnimatedTransitioning protocol, nothing besides. You need to calculate the new size the position which imageView you tapped to animate. That’s it.

    This our two apps, all implement this similar transition effect by this method above.

    And this one:

    I’d created this repo several days before. And with Swift, I almost finished this transition beside some little issue, this is my first practised demo project based Swift. But it’s not hard to understand if you’re not freshman in iOS dev and you’d learn Swift BTW. I’ll finish it and fix the bugs later.

    In real project it’s more complex than the demo one, but with that, maybe you’d knew how to achieve this kind of transition.

    Good luck.