- July 26, 2025
- Mins Read
Custom transition between viewcontrollers holding tableviews. Each cell is animated to simulate a ‘wave effect’.
Read more about transitions here and UIKit Dynamics here
pod 'AMWaveTransition'
to your Podfilepod install
open App.xcworkspace
github “andreamazz/AMWaveTransition”
AMWaveViewController
and override visibleCells
or follow these steps:Implement UINavigationControllerDelegate
and this delegate method:
– (id<UIViewControllerAnimatedTransitioning>)navigationController:(UINavigationController *)navigationController
animationControllerForOperation:(UINavigationControllerOperation)operation
fromViewController:(UIViewController*)fromVC
toViewController:(UIViewController*)toVC {
if (operation != UINavigationControllerOperationNone) {
// Return your preferred transition operation
return [AMWaveTransition transitionWithOperation:operation];
}
return nil;
}
Remember to set your instance as the navigation delegate:
– (void)viewDidAppear:(BOOL)animated {
[super viewDidAppear:animated];
[self.navigationController setDelegate:self];
}
– (void)dealloc {
[self.navigationController setDelegate:nil];
}
Implement th AMWaveTransitioning
protocol by returning your tableview’s visible cells:
– (NSArray*)visibleCells {
return [self.tableView visibleCells];
}
To implement the interactive gesture create a new property in your view controller:
@property (strong, nonatomic) IBOutlet AMWaveTransition *interactive;
initialize it in your viewDidLoad
:
self.interactive = [[AMWaveTransition alloc] init];
Attach the gesture recognizer in your viewDidAppear:
and detach it in the viewDidDisappear:
:
– (void)viewDidAppear:(BOOL)animated {
[super viewDidAppear:animated];
[self.interactive attachInteractiveGestureToNavigationController:self.navigationController];
}
– (void)viewDidDisappear:(BOOL)animated {
[super viewDidDisappear:animated];
[self.interactive detachInteractiveGesture];
}
If the view controller you are transitioning to has no table view, don’t implement visibleCells
, the library will handle the transition correctly.
As you can see in the sample project, the best results are obtained by setting the view and the cells’ background to clearColor
, and setting a background color or a background image to the navigation controller.
NavigationKit is a lightweight library which makes SwiftUI navigation super easy to use. 💻 Installation 📦 Swift Package Manager Using Swift Package Manager, add ...
An alternative SwiftUI NavigationView implementing classic stack-based navigation giving also some more control on animations and programmatic navigation. NavigationStack Installation ...
With SwiftUI Router you can power your SwiftUI app with path-based routing. By utilizing a path-based system, navigation in your app becomes ...
This package takes SwiftUI's familiar and powerful NavigationStack API and gives it superpowers, allowing you to use the same API not just ...