A custom transition inspired by Storehouse iOS app, also support pop gesture.
![screenshot] (https://s3.amazonaws.com/suyu.test/CBStoreHouseTransition.gif)
- 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 popUIViewController
presentations and dismissals
You only need to include CBStoreHouseTransition (.h .m)
in your project, it contains both animator and interactive class.
CocoaPods support is coming very soon!
For animator object you need to set proper AnimationType
to match UINavigationControllerOperation
object.
For interactive transition you need to attach current view controller using:
- (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 Custom Transitions Using View Controllers
video.
- (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<UIViewControllerAnimatedTransitioning>)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<UIViewControllerInteractiveTransitioning>)navigationController:(UINavigationController *)navigationController
interactionControllerForAnimationController:(id<UIViewControllerAnimatedTransitioning>)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:
@property (nonatomic) CGFloat duration;
@property (nonatomic) CGFloat rotateAngle;
@property (nonatomic) CGFloat relativeDelayLeftView;
@property (nonatomic) CGFloat relativeDelayRightView;
@property (nonatomic) CGFloat percentageAdjustFactor;