Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/coolbeet/CBStoreHouseTransition
A custom transition inspired by Storehouse iOS app, also support pop gesture.
https://github.com/coolbeet/CBStoreHouseTransition
Last synced: about 1 month ago
JSON representation
A custom transition inspired by Storehouse iOS app, also support pop gesture.
- Host: GitHub
- URL: https://github.com/coolbeet/CBStoreHouseTransition
- Owner: coolbeet
- Created: 2014-10-05T03:20:23.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2014-10-05T05:41:32.000Z (about 10 years ago)
- Last Synced: 2023-11-07T17:36:18.783Z (about 1 year ago)
- Language: Objective-C
- Homepage:
- Size: 3.85 MB
- Stars: 457
- Watchers: 22
- Forks: 40
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome - CBStoreHouseTransition - A custom transition inspired by Storehouse iOS app, also support pop gesture. (etc)
- awesome - CBStoreHouseTransition - A custom transition inspired by Storehouse iOS app, also support pop gesture. (etc)
README
CBStoreHouseTransition
========
What is it?
---
A custom transition inspired by [Storehouse](https://www.storehouse.co/) iOS app, also support pop gesture.
![screenshot] (https://s3.amazonaws.com/suyu.test/CBStoreHouseTransition.gif)
Video
---
[](http://www.youtube.com/watch?v=hSmsJNzopJ0)
Features
---
* One class file includes both pop and push transition and pop gesture.
* Fully customizable transition animation.
* Works for following iOS custom transition types:
* `UINavigationController`push and pop
* `UIViewController`presentations and dismissals
Which files are needed?
---
You only need to include `CBStoreHouseTransition (.h .m)` in your project, it contains both animator and interactive class.
CocoaPods support is coming very soon!
How to use it
---
For animator object you need to set proper `AnimationType` to match `UINavigationControllerOperation` object.
For interactive transition you need to attach current view controller using:
``` objective-c
- (void)attachToViewController:(UIViewController *)viewController;
```
A edge pan gesture will be added on the view controller's root view to handle the pop gesture and drive the interactive transition.
Then just return the proper animatior or interactive object in related delegate method, following is a example using `CBStoreHouseTransition` for `UINavigationController`.
For more information about iOS custom transition, please refer to [WWDC 2013](https://developer.apple.com/videos/wwdc/2013/) `Custom Transitions Using View Controllers` video.
``` objective-c
- (void)viewDidLoad
{
...
self.animator = [[CBStoreHouseTransitionAnimator alloc] init];
...
}
- (void)viewDidAppear:(BOOL)animated
{
...
self.navigationController.delegate = self;
self.interactiveTransition = [[CBStoreHouseTransitionInteractiveTransition alloc] init];
[self.interactiveTransition attachToViewController:self];
...
}
-(id)navigationController:(UINavigationController *)navigationController
animationControllerForOperation:(UINavigationControllerOperation)operation
fromViewController:(UIViewController *)fromVC
toViewController:(UIViewController *)toVC
{
switch (operation) {
case UINavigationControllerOperationPush:
//we don't need interactive transition for push
self.interactiveTransition = nil;
self.animator.type = AnimationTypePush;
return self.animator;
case UINavigationControllerOperationPop:
self.animator.type = AnimationTypePop;
return self.animator;
default:
return nil;
}
}
- (id)navigationController:(UINavigationController *)navigationController
interactionControllerForAnimationController:(id)animationController
{
return self.interactiveTransition;
}
```
Since we don't need interactive for push transition or when user specificity taps back button, you need to set `self.interactive` to `nil`.
You can customize following properties to change the animation behavior:
``` objective-c
@property (nonatomic) CGFloat duration;
@property (nonatomic) CGFloat rotateAngle;
@property (nonatomic) CGFloat relativeDelayLeftView;
@property (nonatomic) CGFloat relativeDelayRightView;
@property (nonatomic) CGFloat percentageAdjustFactor;
```