ElasticTransition ObjC Version
This is the Objective-C Version of Elastic Transition written in Swift by lkzhao https://github.com/lkzhao/ElasticTransition
A UIKit custom modal transition that simulates an elastic drag. Written in Objective-C. Feel free to contribute!
Installation
ElasticTransitionObjC is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod "ElasticTransitionObjC"
Usage
First of all, in your view controller, create an instance of ElasticTransition
- (void)viewDidLoad {
//...
ElasticTransition *transition = [[ElasticTransition alloc] init];
// customization
transition.sticky = YES;
transition.showShadow = YES;
transition.panThreshold = 0.4;
transition.transformType = TRANSLATEMID;
//...
}
Use as navigation controller's delegate
Simply assign the transition to your navigation controller's delegate
navigationController.delegate =transition
Present as modal
In prepareForSegue, assign the transition to be the transitioningDelegate of the destinationViewController. Also, dont forget to set the modalPresentationStyle to UIModalPresentationCustom
-(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{
segue.destinationViewController.transitioningDelegate = transition;
segue.destinationViewController.modalPresentationStyle = UIModalPresentationCustom;
}
In your modal view controller .h implement the ElasticMenuTransitionDelegate
@interface MenuViewController: UIViewController
@end
Then in your .m file synthesize the property and provide the contentLength value
@implementation MenuViewController
@synthesize contentLength;
-(id)initWithCoder:(NSCoder *)aDecoder{
self = [super initWithCoder:aDecoder];
if (self) {
self.contentLength = 320.0;
//...
}
return self;
}
@end
Interactive transition for modal transition
First, construct a pan gesture recognizer
UIPanGestureRecognizer *panGR = [[UIPanGestureRecognizer alloc] init];
[panGR addTarget:self action:@selector(handlePan:)];
[self.view addGestureRecognizer:panGR];
Then implement your gesture handler and fo the following:
-(void)handlePan:(UIPanGestureRecognizer*)pan{
if (pan.state == UIGestureRecognizerStateBegan){
// Here, you can do one of two things
// 1. show a viewcontroller directly
UIViewController *nextViewController = // construct your VC ...
[transition startInteractiveTransitionFromViewController:self ToViewController:nextViewController GestureRecognizer:pan];
// 2. perform a segue
[transition startInteractiveTransitionFromViewController:self SegueIdentifier:@"menu" GestureRecognizer:pan];
}else{
[transition updateInteractiveTransitionWithGestureRecognizer:pan];
}
}
Interactive transition for dismissing the modal
- Implement ElasticMenuTransitionDelegate in your modal view controller and set
self.dismissByBackgroundTouch = YES;
self.dismissByBackgroundDrag = YES;
self.dismissByForegroundDrag = YES;
- Or use your own panGestureRecognizer and call dissmissInteractiveTransition in your handler
-(void)handlePan:(UIPanGestureRecognizer*)pan{
if (pan.state == UIGestureRecognizerStateBegan){
[transition dismissInteractiveTransitionViewController:vc GestureRecognizer:pan Completion:nil];
}else{
[transition updateInteractiveTransitionWithGestureRecognizer:pan];
}
}
Authors
lkzhao, taglia3, [email protected]
License
ElasticTransition is available under the MIT license. See the LICENSE file for more info.
0 Jan 15, 2022
775 Dec 7, 2022
724 Nov 24, 2022
642 Nov 17, 2022
965 Dec 17, 2022
673 Dec 27, 2022
2.4k Dec 21, 2022
2.3k Dec 14, 2022
89 Feb 25, 2022
479 Dec 5, 2022
123 Dec 17, 2022
5 Nov 14, 2022
76 Dec 16, 2022
381 Dec 5, 2022
2.1k Dec 19, 2022
487 Dec 2, 2022
8 Oct 29, 2022
3.3k Dec 28, 2022
578 Nov 29, 2022
3.7k Jan 3, 2023
0 Dec 4, 2021
36 Aug 1, 2022
5 Apr 16, 2022
544 Dec 28, 2022
2 Oct 6, 2021
0 Jan 11, 2022
27 Jul 24, 2022