/CKWaveCollectionViewTransition

Cool wave like transition between two or more UICollectionView

Primary LanguageSwiftOtherNOASSERTION

CKWaveCollectionViewTransition

This is a cool custom transition between two or more UICollectionViewControllers with wave like cell animation. Could be used in e.g. galleries.

anim.gif

Animation idea was taken from Łukasz Frankiewicz Dribble project

Installation

There are two options:

  • Via CocoaPods.
  • Manually add the files into your Xcode project. Slightly simpler, but updates are also manual.

Usage

  • In storyboard add object in your NavigationController.

object.jpg

  • Set it's class to NavigationControllerDelegate

objectCustomClass.jpg

  • Set NavigationController delegate to this object.

navigationControllerDelegateObject.jpg

or

Implement UINavigationControllerDelegate in your ViewController:

func navigationController(navigationController: UINavigationController, animationControllerForOperation operation: UINavigationControllerOperation,
        fromViewController fromVC: UIViewController, toViewController toVC: UIViewController) -> UIViewControllerAnimatedTransitioning? {
            
            let animator = CKWaveCollectionViewAnimator()
            
            if operation != UINavigationControllerOperation.Push {
                
                animator.reversed = true
            }
            
            return animator
    }

Properties

internal let animationDuration: Double! = 1.0

Total animation duration

internal let kCellAnimSmallDelta: Double! = 0.01

Small delay between cell animations

internal let kCellAnimBigDelta: Double! = 0.03

Big delay between cell animations

Requirements

  • iOS 7.0+

License

Released under the MIT license. See the LICENSE file for more info.