AMWaveTransition
  • October 5, 2023

Custom transition between viewcontrollers holding tableviews. Each cell is animated to simulate a ‘wave effect’.

Read more about transitions here and UIKit Dynamics here

Screenshot

Getting Started


Install with CocoaPods


  • Add pod 'AMWaveTransition' to your Podfile
  • Run pod install
  • Run open App.xcworkspace

Install with Carthage


github “andreamazz/AMWaveTransition”

Setup as superclass


  • Subclass AMWaveViewController and override visibleCells or follow these steps:

Setup manually


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];
}

Interactive gesture


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.

GitHub


View Github

#animation #background #navigation #swift #viewcontroller
YOU MIGHT ALSO LIKE...
ConfettiView

A SwiftUI View that emits confetti with user-defined shapes, images, and text.

SwiftUI Colour Wheel

A colour wheel made all in SwiftUI. There are 2 different colour wheels to choose from. The first main one ...

ColorPickerRing

A color picker implementation with color wheel appearance written in plain SwiftUI. It is compatible with UIColor and NSColor.

ASCollectionView

This repository is no longer maintained. Here's why: with the release of iOS 16 SwiftUI now enables most of the ...