CPCollectionViewKit

CollectionViewTransitionLayout Readme

<table> <tr> <th>FlowAndStage</th> <th>FlowAndTimeMachine</th> <th>FlowAndCircle</th> <th>StageAndTimeMachine</th> </tr> <tr> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewTransitionDemo/TransitionFlowAndStage.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewTransitionDemo/TransitionFlowAndTimeMachine.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewTransitionDemo/TransitionFlowAndCircle.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewTransitionDemo/TransitionStageAndTimeMachine.gif?raw=true"/></td> </tr> </table> <table> <tr> <th>StageAndCircle</th> <th>TimeMachineAndCircle</th> </tr> <tr> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewTransitionDemo/TransitionStageAndCircle.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewTransitionDemo/TransitionTimeMachineAndCircle.gif?raw=true"/></td> </tr> </table>

CollectionViewTimeMachineLayout Readme

<table> <tr> <th>Left</th> <th>Right</th> <th>Top</th> <th>Bottom</th> </tr> <tr> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewTimeMachineLayoutDemo/TimeMachineLeft.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewTimeMachineLayoutDemo/TimeMachineRight.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewTimeMachineLayoutDemo/TimeMachineTop.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewTimeMachineLayoutDemo/TimeMachineBottom.gif?raw=true"/></td> </tr> <tr> <th>Reversed</th> </tr> <tr> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewTimeMachineLayoutDemo/TimeMachineReversed.gif?raw=true"/></td> </tr> </table>

CollectionViewWheelLayout Readme

<table> <tr> </tr> <th>LeftBottom</th> <th>RightBottom</th> <th>LeftTop</th> <th>RightTop</th> <tr> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewWheelLayoutSwiftDemo/WheelLayoutLeftBottom.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewWheelLayoutSwiftDemo/WheelLayoutRightBottom.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewWheelLayoutSwiftDemo/WheelLayoutLeftTop.gif?raw=true"/></td> <td> <img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewWheelLayoutSwiftDemo/WheelLayoutRightTop.gif?raw=true"/> </td> </tr> <tr> <th>LeftCenter</th> <th>RightCenter</th> <th>TopCenter</th> <th>BottomCenter</th> </tr> <tr> <td> <img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewWheelLayoutSwiftDemo/WheelLayoutLeftCenter.gif?raw=true"/> </td> <td> <img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewWheelLayoutSwiftDemo/WheelLayoutRightCenter.gif?raw=true"/> </td> <td> <img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewWheelLayoutSwiftDemo/WheelLayoutTopCenter.gif?raw=true"/> </td> <td> <img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewWheelLayoutSwiftDemo/WheelLayoutBottomCenter.gif?raw=true"/> </td> </tr> </table>

CollectionViewCardLayout Readme

<table> <tr> </tr> <th>Zoominout</th> <th>Rotateinout</th> <th>Waltz</th> <th>VerticalRotation</th> <tr> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewCardLayoutDemo/CardLayoutZoominout.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewCardLayoutDemo/CardLayoutRotateinout.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewCardLayoutDemo/CardLayoutWaltz.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewCardLayoutDemo/CardLayoutVerticalRotation.gif?raw=true"/></td> </tr> <tr> <th>Cylinder</th> <th>Somersault</th> <th>Delete</th> <th>Insert</th> </tr> <tr> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewCardLayoutDemo/CardLayoutCylinder.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewCardLayoutDemo/CardLayoutSomersault.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewCardLayoutDemo/CardLayoutDelete.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewCardLayoutDemo/CardLayoutInsert.gif?raw=true"/></td> </tr> </table>

CollectionViewStageLayout Readme

<table> <tr> <th>Waltz</th> <th>Somefault</th> <th>Blend</th> <th>FadeAway</th> </tr> <tr> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewStageLayoutDemo/StageLayoutWaltz.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewStageLayoutDemo/StageLayoutSomefault.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewStageLayoutDemo/StageLayoutBlend.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewStageLayoutDemo/StageLayoutFadeAway.gif?raw=true"/></td> </tr> </table>

CollectionViewCircleLayout Readme

<table> <tr> <th>Circle</th> <th>DeleteCustom</th> <th>InsertCustom</th> <th>InsertBase</th> </tr> <tr> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewCircleLayoutDemo/CircleLayout.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewCircleLayoutDemo/CircleLayoutDeleteCustom.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewCircleLayoutDemo/CircleLayoutInsertCustom.gif?raw=true"/></td> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewCircleLayoutDemo/CircleLayoutInsertBase.gif?raw=true"/></td> </tr> </table>

CollectionViewCaterpillarLayout Readme

<table> <tr> <th>Caterpillar</th> </tr> <tr> <td><img src="https://github.com/ParsifalC/CPCollectionViewKit/blob/master/Demos/CPCollectionViewCaterpillarLayoutDemo/CaterpillarLayout.gif?raw=true"/></td> </tr> </table>

Example

To run the example project, clone the repo, and run bundle install from the Repo diretory to install CocoaPods1.2.0 first, then run bundle exec pod install from the specific demo directory.

# parsifal @ ParsifaldeMacBook-Pro in ~ [18:08:28]
$ Repo/CPCollectionViewKit

# parsifal @ ParsifaldeMacBook-Pro in ~/Repo/CPCollectionViewKit on git:master x [18:08:46]
$ bundle install

# parsifal @ ParsifaldeMacBook-Pro in ~/Repo/CPCollectionViewKit/Demos/CPCollectionViewCardLayoutDemo on git:master
$ bundle exec pod install

# parsifal @ ParsifaldeMacBook-Pro in ~/Repo/CPCollectionViewKit/Demos/CPCollectionViewCardLayoutDemo on git:master x
$ open CPCollectionViewCardLayoutDemo.xcworkspace

Requirements

Installation

CPCollectionViewKit is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod "CPCollectionViewKit"

TODO

• [ ] Update Usage
• [ ] Support CollectionViewCaterpillarLayout Direction Settings
• [ ] Unit Test
• [ ] Support Cocoapods & Carthage
• [x] Layout Transition
• [x] More Delete/Insert Animations
• [ ] More Interesting UICollectionView Layouts

Author

Parsifal, zmw@izmw.me

License

CPCollectionViewKit is available under the MIT license. See the LICENSE file for more info.