Cool wave like transition between two or more UICollectionView

License: Other

Swift 97.81% Ruby 2.19%

ckwavecollectionviewtransition's Introduction

CKWaveCollectionViewTransition

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

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 an object in your NavigationController.

Set it's class to NavigationControllerDelegate

Set NavigationController delegate to this object.

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
    }

The last thing you have to set is selectedIndexPath property in your didSelectItemAtIndexPath method implementation.

override func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath) {
        selectedIndexPath = indexPath
}

Properties

internal let animationDuration: Double! = 1.0

Total animation duration.

internal let kCellAnimSmallDelta: Double! = 0.01
internal let kCellAnimBigDelta: Double! = 0.03

Properties you can change to adjust animation.

Requirements

iOS 7.0+

License

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

ckwavecollectionviewtransition's People

Contributors

Stargazers

Watchers

Forkers

2zuckerberg quanhua-guan richardleung coderxl halonsoluis augmify hieutn tiink ohiya lvlele423 aklokov-ios kartel creolophus jashion volcanoscar magiciandl uiue josonjuprivate josonju sourabhsharmait patelmayank goncharik bogon acumenrev carabina mazenkourouche vincentvillalta devbranch cztatsumi-keisuke ggthedev ebegen chenazure mitchellporter binhho kyaing clg0118 yotrolz wdxgtsh mail2chensh machelix mybdgw wangjianxue worldligang shiloudong sunboygo israining cnbin niuxinghua ngocphu2810 phylony lqdncel rishi420 woshizilong wishzhouhe michaeldanieltom cenwei yaoxiaoyong mfunzero acruzios paleowoods hellowupeng suchitabohra venking1130 rakutou sundarrajan-karya zy614554461 codershmily ioskaifa buyaka darapo smile7827 becarefullee andyzhaohe sawsoemoenyunt winsonchueng rbevilacqua sundarsan mehulgecg hprobotic monzy613 cocoacao zuoguoqing ios-mayank yu-yang-halo hao33828 checkthiscodecarefully wqshabib nbhhcty youngvz mohsinalimat alexviquez fuleibill shuaiwang007 invertasif ethanjin sunnyztj sunhannie jaideves own2pwn kurians2006

ckwavecollectionviewtransition's Issues

Doens't work correctly after changing cell size programmatically.

Thank you for this awesome library for collection view.

I have integrated your library in my project, and I have one problem.
After calling UICollectionViewDelegateFlowLayout method - sizeForItemAt, the transitioning cell sizes are doesn't changed.

My code is here and there are written on both of first and second view controller.

extension MyViewController: UICollectionViewDelegateFlowLayout {
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        let desiredWidth = (self.view.frame.size.width - 2) / 2
        let desiredHeight = desiredWidth

        return CGSize(width: desiredWidth, height: desiredHeight)
    }
}

Please let me know how can I handle this problem.
Thank you

Swift 3

it'd be cool to have a swift 3 version, if you have any interest to create a branch i would like to help with that.

Some graphics in README.md are unavailable

In the readme, the following graphics give me "Access denied" errors when I view the readme offline:

And the following graphics give me "Not Found" errors when I view the readme online:

(It is the same three graphics, under "Usage".)

Thanks. (This is a lovely library!)

found an issue

when set the background color of second-level collection view as an image, issue happens.

In such scenario, click 'back' to reverse to the first level, the background turn to be white color for a while.

Is there a Objective-C version?

IMO, documentation should mention that you need to set self.selectedIndexPath = indexPath; in -collectionView:didSelectItemAtIndexPath: It may save debugging time for others.
You could also make an assertion in code (line ~247) when destinationCollectionViewController.selectedIndexPath is nil with some descriptive comment.

Good job anyway!

Not working with UICollectionViewCompositionalLayout

The animation only fades when using UICollectionViewCompositionalLayout.

update for swift 2.2

I see a lot of warnings and errors it will be nice to keep it up to date with swift 2.2 compatible

cezarykopacz / ckwavecollectionviewtransition Goto Github PK