iPhone: как переключать вкладки с анимацией?
я переключаю вкладки программно в панели вкладок управляемого приложения с помощью UITabBarController.selectedIndex
. Проблема, которую я пытаюсь решить, заключается в том, как анимировать переход между представлениями. то есть. из представления текущей вкладки в представление выбранной вкладки.
первая мысль была использовать UITabBarControllerDelegate
, но оказалось, что это не вызывается при программном переключении вкладок. Я сейчас рассматриваю UITabBarDelegate.didSelectItem
: как возможный крюк для установки перехода анимация.
кому-нибудь удалось оживить переходы? Если да, то как ?
18 ответов:
04/2016 обновления: только хотел, чтобы обновить это, чтобы сказать спасибо всем за голоса. Пожалуйста, обратите внимание, что это было первоначально написано еще тогда ... перед дугой, перед ограничениями, перед ... .. много чего! Поэтому, пожалуйста, примите это во внимание при принятии решения об использовании этих методов. Могут быть и более современные подходы. Да, и если ты его найдешь. Пожалуйста, добавьте ответ, чтобы все могли видеть. Спасибо.
спустя некоторое время ...
после долгих исследований я придумал два рабочих решения. Оба они работали и делали анимацию между вкладками.
Решение 1: переход из вида (простой)
Это самый простой и использует предопределенный метод перехода UIView. С помощью этого решения нам не нужно управлять представлениями, потому что метод делает работу за нас.
// Get views. controllerIndex is passed in as the controller we want to go to. UIView * fromView = tabBarController.selectedViewController.view; UIView * toView = [[tabBarController.viewControllers objectAtIndex:controllerIndex] view]; // Transition using a page curl. [UIView transitionFromView:fromView toView:toView duration:0.5 options:(controllerIndex > tabBarController.selectedIndex ? UIViewAnimationOptionTransitionCurlUp : UIViewAnimationOptionTransitionCurlDown) completion:^(BOOL finished) { if (finished) { tabBarController.selectedIndex = controllerIndex; } }];
решение 2: прокрутка (подробнее комплекс)
более сложное решение, но дает вам больше контроля над анимацией. В этом примере мы получаем виды, чтобы скользить и выключаться. С этим мы должны сами управлять взглядами.
// Get the views. UIView * fromView = tabBarController.selectedViewController.view; UIView * toView = [[tabBarController.viewControllers objectAtIndex:controllerIndex] view]; // Get the size of the view area. CGRect viewSize = fromView.frame; BOOL scrollRight = controllerIndex > tabBarController.selectedIndex; // Add the to view to the tab bar view. [fromView.superview addSubview:toView]; // Position it off screen. toView.frame = CGRectMake((scrollRight ? 320 : -320), viewSize.origin.y, 320, viewSize.size.height); [UIView animateWithDuration:0.3 animations: ^{ // Animate the views on and off the screen. This will appear to slide. fromView.frame =CGRectMake((scrollRight ? -320 : 320), viewSize.origin.y, 320, viewSize.size.height); toView.frame =CGRectMake(0, viewSize.origin.y, 320, viewSize.size.height); } completion:^(BOOL finished) { if (finished) { // Remove the old view from the tabbar view. [fromView removeFromSuperview]; tabBarController.selectedIndex = controllerIndex; } }];
Это решение в Swift:
extension TabViewController: UITabBarControllerDelegate { public func tabBarController(tabBarController: UITabBarController, shouldSelectViewController viewController: UIViewController) -> Bool { let fromView: UIView = tabBarController.selectedViewController!.view let toView : UIView = viewController.view if fromView == toView { return false } UIView.transitionFromView(fromView, toView: toView, duration: 0.3, options: UIViewAnimationOptions.TransitionCrossDissolve) { (finished:Bool) in } return true } }
ниже моя попытка использовать код формы drekka в делегат (UITabBarControllerDelegate) метод
- (BOOL)tabBarController:(UITabBarController *)tabBarController shouldSelectViewController:(UIViewController *)viewController { NSArray *tabViewControllers = tabBarController.viewControllers; UIView * fromView = tabBarController.selectedViewController.view; UIView * toView = viewController.view; if (fromView == toView) return false; NSUInteger fromIndex = [tabViewControllers indexOfObject:tabBarController.selectedViewController]; NSUInteger toIndex = [tabViewControllers indexOfObject:viewController]; [UIView transitionFromView:fromView toView:toView duration:0.3 options: toIndex > fromIndex ? UIViewAnimationOptionTransitionFlipFromLeft : UIViewAnimationOptionTransitionFlipFromRight completion:^(BOOL finished) { if (finished) { tabBarController.selectedIndex = toIndex; } }]; return true; }
мое решение для iOS7. 0 или выше.
Вы можете указать пользовательский контроллер анимации в панели вкладок делегата.
реализовать контроллер анимации, как это:
@interface TabSwitchAnimationController : NSObject <UIViewControllerAnimatedTransitioning> @end @implementation TabSwitchAnimationController - (NSTimeInterval)transitionDuration:(id <UIViewControllerContextTransitioning>)transitionContext { return 0.2; } - (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext { UIViewController* fromVC = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey]; UIViewController* toVC = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey]; UIView* toView = toVC.view; UIView* fromView = fromVC.view; UIView* containerView = [transitionContext containerView]; [containerView addSubview:toView]; toView.frame = [transitionContext finalFrameForViewController:toVC]; // Animate by fading toView.alpha = 0.0; [UIView animateWithDuration:[self transitionDuration:transitionContext] delay:0.0 options:UIViewAnimationOptionCurveEaseOut | UIViewAnimationOptionAllowUserInteraction animations:^{ toView.alpha = 1.0; } completion:^(BOOL finished) { toView.alpha = 1.0; [fromView removeFromSuperview]; [transitionContext completeTransition:YES]; }]; } @end
затем используйте его в своем UITabBarControllerDelegate:
- (id <UIViewControllerAnimatedTransitioning>)tabBarController:(UITabBarController *)tabBarController animationControllerForTransitionFromViewController:(UIViewController *)fromVC toViewController:(UIViewController *)toVC { return [[TabSwitchAnimationController alloc] init]; }
Я думаю, что вы можете легко достичь переходов для UITabBarControlelr с помощью CATransition; это также решит любые побочные эффекты использования transitionFromView:toView:
используйте это в своем пользовательском классе TabBarController, расширенном из UITabBarController.
- (void)tabBarController:(UITabBarController *)tabBarController didSelectViewController (UIViewController*)viewController { CATransition *animation = [CATransition animation]; [animation setType:kCATransitionFade]; [animation setDuration:0.25]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName: kCAMediaTimingFunctionEaseIn]]; [self.view.window.layer addAnimation:animation forKey:@"fadeTransition"]; }
надеюсь, что это помогает :)
Я написал post после попытки различных ответов здесь.
код находится в Swift, и вы можете программно изменить вкладку с анимацией, вызвав
animateToTab
.func animateToTab(toIndex: Int) { let tabViewControllers = viewControllers! let fromView = selectedViewController!.view let toView = tabViewControllers[toIndex].view let fromIndex = tabViewControllers.indexOf(selectedViewController!) guard fromIndex != toIndex else {return} // Add the toView to the tab bar view fromView.superview!.addSubview(toView) // Position toView off screen (to the left/right of fromView) let screenWidth = UIScreen.mainScreen().bounds.size.width; let scrollRight = toIndex > fromIndex; let offset = (scrollRight ? screenWidth : -screenWidth) toView.center = CGPoint(x: fromView.center.x + offset, y: toView.center.y) // Disable interaction during animation view.userInteractionEnabled = false UIView.animateWithDuration(0.5, delay: 0.0, usingSpringWithDamping: 1, initialSpringVelocity: 0, options: UIViewAnimationOptions.CurveEaseOut, animations: { // Slide the views by -offset fromView.center = CGPoint(x: fromView.center.x - offset, y: fromView.center.y); toView.center = CGPoint(x: toView.center.x - offset, y: toView.center.y); }, completion: { finished in // Remove the old view from the tabbar view. fromView.removeFromSuperview() self.selectedIndex = toIndex self.view.userInteractionEnabled = true }) }
если вы хотите, чтобы все изменения вкладки имели анимацию, то подключите ее к
UITabBarControllerDelegate
вроде как такой:func tabBarController(tabBarController: UITabBarController, shouldSelectViewController viewController: UIViewController) -> Bool { let tabViewControllers = tabBarController.viewControllers! guard let toIndex = tabViewControllers.indexOf(viewController) else { return false } // Our method animateToTab(toIndex) return true }
вместо того, чтобы использовать
tabBarController:shouldSelectViewController:
лучше реализоватьtabBarController:animationControllerForTransitionFromViewController:toViewController:
TransitioningObject.Свифт
import UIKit class TransitioningObject: NSObject, UIViewControllerAnimatedTransitioning { func animateTransition(transitionContext: UIViewControllerContextTransitioning) { let fromView: UIView = transitionContext.viewForKey(UITransitionContextFromViewKey)! let toView: UIView = transitionContext.viewForKey(UITransitionContextToViewKey)! transitionContext.containerView().addSubview(fromView) transitionContext.containerView().addSubview(toView) UIView.transitionFromView(fromView, toView: toView, duration: transitionDuration(transitionContext), options: UIViewAnimationOptions.TransitionCrossDissolve) { finished in transitionContext.completeTransition(true) } } func transitionDuration(transitionContext: UIViewControllerContextTransitioning) -> NSTimeInterval { return 0.25 } }
TabBarViewController.Свифт
import UIKit class TabBarViewController: UITabBarController, UITabBarControllerDelegate { override func viewDidLoad() { super.viewDidLoad() self.delegate = self } // MARK: - Tabbar delegate func tabBarController(tabBarController: UITabBarController, animationControllerForTransitionFromViewController fromVC: UIViewController, toViewController toVC: UIViewController) -> UIViewControllerAnimatedTransitioning? { return TransitioningObject() } }
мое решение в Swift:
создать пользовательский класс TabBar и установить его в раскадровке TabBar
class MainTabBarController: UITabBarController, UITabBarControllerDelegate { override func viewDidLoad() { super.viewDidLoad() self.delegate = self // Do any additional setup after loading the view. } func tabBarController(tabBarController: UITabBarController, shouldSelectViewController viewController: UIViewController) -> Bool { let tabViewControllers = tabBarController.viewControllers! let fromView = tabBarController.selectedViewController!.view let toView = viewController.view if (fromView == toView) { return false } let fromIndex = tabViewControllers.indexOf(tabBarController.selectedViewController!) let toIndex = tabViewControllers.indexOf(viewController) let offScreenRight = CGAffineTransformMakeTranslation(toView.frame.width, 0) let offScreenLeft = CGAffineTransformMakeTranslation(-toView.frame.width, 0) // start the toView to the right of the screen if (toIndex < fromIndex) { toView.transform = offScreenLeft fromView.transform = offScreenRight } else { toView.transform = offScreenRight fromView.transform = offScreenLeft } fromView.tag = 124 toView.addSubview(fromView) self.view.userInteractionEnabled = false UIView.animateWithDuration(0.5, delay: 0.0, usingSpringWithDamping: 1, initialSpringVelocity: 0, options: UIViewAnimationOptions.CurveEaseOut, animations: { toView.transform = CGAffineTransformIdentity }, completion: { finished in let subViews = toView.subviews for subview in subViews{ if (subview.tag == 124) { subview.removeFromSuperview() } } tabBarController.selectedIndex = toIndex! self.view.userInteractionEnabled = true }) return true } }
Это можно решить двумя способами
1-напишите это в вашем AppDelegate.файл M раз. Не забудьте включить UITabBarControllerDelegate с помощью после двоеточия (:) в вашем AppDelegate.h
-(void)tabBarController:(UITabBarController *)tabBarControllerThis didSelectViewController:(UIViewController *)viewController { [UIView transitionWithView:viewController.view duration:0.1 options:UIViewAnimationOptionAllowUserInteraction | UIViewAnimationOptionTransitionCrossDissolve animations:^(void){ } completion:^(BOOL finished){ [UIView beginAnimations:@"animation" context:nil]; [UIView setAnimationDuration:0.7]; [UIView setAnimationBeginsFromCurrentState:YES]; [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:viewController.view cache:NO]; [UIView commitAnimations]; }]; }
2-Напишите это в каждом из вашего ViewController.файл м
-(void)viewWillAppear:(BOOL)animated { [UIView transitionWithView:self.view duration:1.0 options:UIViewAnimationOptionAllowUserInteraction | UIViewAnimationOptionTransitionCrossDissolve animations:^(void){ [super viewWillAppear:YES]; } completion:^(BOOL finished){ }]; }
надеюсь, что это поможет...!
я использовал решение @Mofumofu и обновил его до Swift 1.2, а также реализовал анимацию вверх / вниз. Смысл, новый файл ViewController идет вверх и выталкивает старый, если индекс новом файле ViewController больше, чем старый. В противном случае направление вниз.
class TabScrollPageAnimationController: NSObject, UIViewControllerAnimatedTransitioning { let tabBarController: UITabBarController init(tabBarController: UITabBarController) { self.tabBarController = tabBarController } func transitionDuration(transitionContext: UIViewControllerContextTransitioning) -> NSTimeInterval { return 0.5 } func animateTransition(transitionContext: UIViewControllerContextTransitioning) { if let fromVC = transitionContext.viewControllerForKey(UITransitionContextFromViewControllerKey), let toVC = transitionContext.viewControllerForKey(UITransitionContextToViewControllerKey) { let fromView = fromVC.view let toView = toVC.view let containerView = transitionContext.containerView() var directionUpwardMultiplier: CGFloat = 1.0 if let vcs = tabBarController.viewControllers as? [UIViewController], let fIndex = find(vcs, fromVC), let tIndex = find(vcs, toVC) { directionUpwardMultiplier = (fIndex < tIndex) ? +1.0 : -1.0 } containerView.clipsToBounds = false containerView.addSubview(toView) var fromViewEndFrame = fromView.frame fromViewEndFrame.origin.y -= (containerView.frame.height * directionUpwardMultiplier) let toViewEndFrame = transitionContext.finalFrameForViewController(toVC) var toViewStartFrame = toViewEndFrame toViewStartFrame.origin.y += (containerView.frame.height * directionUpwardMultiplier) toView.frame = toViewStartFrame toView.alpha = 0.0 UIView.animateWithDuration(transitionDuration(transitionContext), delay: 0.0, usingSpringWithDamping: 1.0, initialSpringVelocity: 0.0, options: UIViewAnimationOptions.CurveEaseInOut, animations: { () -> Void in toView.alpha = 1.0 toView.frame = toViewEndFrame fromView.alpha = 0.0 fromView.frame = fromViewEndFrame }, completion: { (completed) -> Void in toView.alpha = 1.0 fromView.removeFromSuperview() transitionContext.completeTransition(completed) containerView.clipsToBounds = true }) } } }
в контейнере ViewController:
extension XYViewController: UITabBarControllerDelegate { func tabBarController(tabBarController: UITabBarController, animationControllerForTransitionFromViewController fromVC: UIViewController, toViewController toVC: UIViewController) -> UIViewControllerAnimatedTransitioning? { return TabScrollPageAnimationController(tabBarController: tabBarController) } }
ответ дрекки действительно велик. Я немного изменил переход прокрутки, чтобы анимация больше походила на анимацию Apple push. Я добавил дополнительную анимацию по завершении первой анимации, чтобы получить этот скользящий эффект, чтобы выглядеть правильно.
// Disable interaction during animation to avoids bugs. self.tabBarController.view.userInteractionEnabled = NO; // Get the views. UIView * fromView = tabBarController.selectedViewController.view; UIView * toView = [[tabBarController.viewControllers objectAtIndex:controllerIndex] view]; // Get the size of the view area. CGRect viewSize = fromView.frame; BOOL scrollRight = controllerIndex > tabBarController.selectedIndex; // Add the to view to the tab bar view. [fromView.superview addSubview:toView]; [fromView.superview addSubview:fromView]; self.tabBarController.selectedIndex = 0; // Position it off screen. toView.frame = CGRectMake((scrollRight ? (viewSize.size.width *.25) : -(viewSize.size.width * .25 )), viewSize.origin.y, viewSize.size.width, viewSize.size.height); [UIView animateWithDuration:0.25 animations: ^{ // Animate the views on and off the screen. [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut]; fromView.frame = CGRectMake(viewSize.size.width * .95, viewSize.origin.y, viewSize.size.width, viewSize.size.height); toView.frame = CGRectMake((viewSize.origin.x * .90), viewSize.origin.y, viewSize.size.width, viewSize.size.height); } completion:^(BOOL finished) { if (finished) { // Being new animation. [UIView animateWithDuration:0.2 animations: ^{ [UIView setAnimationCurve:UIViewAnimationCurveLinear]; fromView.frame = CGRectMake(viewSize.size.width, viewSize.origin.y, viewSize.size.width, viewSize.size.height); toView.frame = CGRectMake((viewSize.origin.x), viewSize.origin.y, viewSize.size.width, viewSize.size.height); } completion:^(BOOL finished) { if (finished) { // Remove the old view from the tabbar view. [fromView removeFromSuperview]; // Restore interaction. self.tabBarController.view.userInteractionEnabled = YES; } }]; } }];
вот мое решение Swift 3:
Я переопределяю selectedIndex моего UITabBarViewController следующим образом:
override var selectedIndex: Int{ get{ return super.selectedIndex } set{ animateToTab(toIndex: newValue) super.selectedIndex = newValue } }
затем я использую эту функцию, которая имитирует родную анимацию push / pop:
func animateToTab(toIndex: Int) { guard let tabViewControllers = viewControllers, tabViewControllers.count > toIndex, let fromViewController = selectedViewController, let fromIndex = tabViewControllers.index(of: fromViewController), fromIndex != toIndex else {return} view.isUserInteractionEnabled = false let toViewController = tabViewControllers[toIndex] let push = toIndex > fromIndex let bounds = UIScreen.main.bounds let offScreenCenter = CGPoint(x: fromViewController.view.center.x + bounds.width, y: toViewController.view.center.y) let partiallyOffCenter = CGPoint(x: fromViewController.view.center.x - bounds.width*0.25, y: fromViewController.view.center.y) if push{ fromViewController.view.superview?.addSubview(toViewController.view) toViewController.view.center = offScreenCenter }else{ fromViewController.view.superview?.insertSubview(toViewController.view, belowSubview: fromViewController.view) toViewController.view.center = partiallyOffCenter } UIView.animate(withDuration: 0.5, delay: 0, usingSpringWithDamping: 1, initialSpringVelocity: 0, options: .curveEaseIn, animations: { toViewController.view.center = fromViewController.view.center fromViewController.view.center = push ? partiallyOffCenter : offScreenCenter }, completion: { finished in fromViewController.view.removeFromSuperview() self.view.isUserInteractionEnabled = true }) }
надеюсь, это поможет :)
вы можете анимировать в зависимости от постучал элемента - в этом примере мы flipFromLeft если постучал индекс > чем предыдущий выбранный индекс и мы flipFromRight если постучал индекс
func tabBarController(_ tabBarController: UITabBarController, shouldSelect viewController: UIViewController) -> Bool { let fromView: UIView = tabBarController.selectedViewController!.view let toView: UIView = viewController.view if fromView == toView { return false } if let tappedIndex = tabBarController.viewControllers?.index(of: viewController) { if tappedIndex > tabBarController.selectedIndex { UIView.transition(from: fromView, to: toView, duration: 0.5, options: UIViewAnimationOptions.transitionFlipFromLeft, completion: nil) } else { UIView.transition(from: fromView, to: toView, duration: 0.5, options: UIViewAnimationOptions.transitionFlipFromRight, completion: nil) } } return true }
Я хотел использовать флип-переход между двумя дочерними контроллерами вида при нажатии кнопки и достиг его следующим образом:
-(IBAction)flipViewControllers:(id)sender{ NSUInteger index = self.selectedIndex; index++; if(index >= self.childViewControllers.count){ index = 0; } self.selectedIndex = index; [UIView beginAnimations:nil context:nil]; [UIView setAnimationDuration:0.75]; [UIView setAnimationTransition:index % 2 ? UIViewAnimationTransitionFlipFromLeft : UIViewAnimationTransitionFlipFromRight forView:self.view cache:YES]; [UIView commitAnimations]; }
Я также установил цвет фона на черный, в моем случае я сделал это, установив navigationController.вид.свойство backgroundColor, но в вашем случае это может быть окно.backgroundColor, который можно легко установить в делегате приложения.
вот мой рабочий код (для 3 вкладок, не пробовал его больше!!) для анимации переходов между вкладками. Он в основном основан на решении drekka, но уже реализован в методе делегата tabbar, поэтому он должен выполнять эту работу, если вы просто копируете/вставляете его.. (никогда не знаешь!)
-(BOOL)tabBarController:(UITabBarController *)tabBarController shouldSelectViewController:(UIViewController *)viewController { // Important! We validate that the selected tab is not the current tab, to avoid misplacing views if (tabBarController.selectedViewController == viewController) { return NO; } // Find the selected view's index NSUInteger controllerIndex = 0; for (UIViewController *vc in tabBarController.viewControllers) { if (vc == viewController) { controllerIndex = [tabBarController.viewControllers indexOfObject:vc]; } } CGFloat screenWidth = SCREEN_SIZE.width; // Note: We must invert the views according to the direction of the scrolling ( FROM Left TO right or FROM right TO left ) UIView * fromView = tabBarController.selectedViewController.view; UIView * toView = viewController.view; [fromView.superview addSubview:toView]; CGRect fromViewInitialFrame = fromView.frame; CGRect fromViewNewframe = fromView.frame; CGRect toViewInitialFrame = toView.frame; if ( controllerIndex > tabBarController.selectedIndex ) { // FROM left TO right ( tab0 to tab1 or tab2 ) // The final frame for the current view. It will be displaced to the left fromViewNewframe.origin.x = -screenWidth; // The initial frame for the new view. It will be displaced to the left toViewInitialFrame.origin.x = screenWidth; toView.frame = toViewInitialFrame; } else { // FROM right TO left ( tab2 to tab1 or tab0 ) // The final frame for the current view. It will be displaced to the right fromViewNewframe.origin.x = screenWidth; // The initial frame for the new view. It will be displaced to the right toViewInitialFrame.origin.x = -screenWidth; toView.frame = toViewInitialFrame; } [UIView animateWithDuration:0.2 animations:^{ // The new view will be placed where the initial view was placed toView.frame = fromViewInitialFrame; // The initial view will be place outside the screen bounds fromView.frame = fromViewNewframe; tabBarController.selectedIndex = controllerIndex; // To prevent user interaction during the animation [[UIApplication sharedApplication] beginIgnoringInteractionEvents]; } completion:^(BOOL finished) { // Before removing the initial view, we adjust its frame to avoid visual lags fromView.frame = CGRectMake(0, 0, fromView.frame.size.width, fromView.frame.size.height); [fromView removeFromSuperview]; [[UIApplication sharedApplication] endIgnoringInteractionEvents]; }]; return NO;
}
это работает для меня в Swift 3:
func tabBarController(_ tabBarController: UITabBarController, shouldSelect viewController: UIViewController) -> Bool { if let fromView = tabBarController.selectedViewController?.view, let toView = viewController.view { if fromView == toView { return false } UIView.transition(from: fromView, to: toView, duration: 0.2, options: .transitionCrossDissolve) { (finished) in } } return true }
@samwize ответ переведен на Swift 3 - 2 больших пальца вверх на этом, создает эффект слева на страницу Райта:
func animateToTab(toIndex: Int) { let tabViewControllers = viewControllers! let fromView = selectedViewController!.view let toView = tabViewControllers[toIndex].view let fromIndex = tabViewControllers.index(of: selectedViewController!) guard fromIndex != toIndex else {return} // Add the toView to the tab bar view fromView?.superview!.addSubview(toView!) // Position toView off screen (to the left/right of fromView) let screenWidth = screenSize.width let scrollRight = toIndex > fromIndex! let offset = (scrollRight ? screenWidth : -screenWidth) toView?.center = CGPoint(x: (fromView?.center.x)! + offset, y: (toView?.center.y)!) // Disable interaction during animation view.isUserInteractionEnabled = false UIView.animate(withDuration: 0.5, delay: 0.0, usingSpringWithDamping: 1, initialSpringVelocity: 0, options: UIViewAnimationOptions.curveEaseOut, animations: { // Slide the views by -offset fromView?.center = CGPoint(x: (fromView?.center.x)! - offset, y: (fromView?.center.y)!); toView?.center = CGPoint(x: (toView?.center.x)! - offset, y: (toView?.center.y)!); }, completion: { finished in // Remove the old view from the tabbar view. fromView?.removeFromSuperview() self.selectedIndex = toIndex self.view.isUserInteractionEnabled = true }) }
Swift 4+
вы
UITabBarControllerDelegate
метод должен быть такой,func tabBarController(_ tabBarController: UITabBarController, shouldSelect viewController: UIViewController) -> Bool { animateToTab(toIndex: (tabBarController.viewControllers?.index(of: viewController))!) return true }
а метод такой,
func animateToTab(toIndex: Int) { let tabViewControllers = viewControllers! let fromView = selectedViewController!.view let toView = tabViewControllers[toIndex].view let fromIndex = tabViewControllers.index(of: selectedViewController!) guard fromIndex != toIndex else {return} // Add the toView to the tab bar view fromView!.superview!.addSubview(toView!) // Position toView off screen (to the left/right of fromView) let screenWidth = UIScreen.main.bounds.size.width; let scrollRight = toIndex > fromIndex!; let offset = (scrollRight ? screenWidth : -screenWidth) toView!.center = CGPoint(x: fromView!.center.x + offset, y: toView!.center.y) // Disable interaction during animation view.isUserInteractionEnabled = false UIView.animate(withDuration: 0.5, delay: 0.0, usingSpringWithDamping: 1, initialSpringVelocity: 0, options: UIViewAnimationOptions.curveEaseOut, animations: { // Slide the views by -offset fromView!.center = CGPoint(x: fromView!.center.x - offset, y: fromView!.center.y); toView!.center = CGPoint(x: toView!.center.x - offset, y: toView!.center.y); }, completion: { finished in // Remove the old view from the tabbar view. fromView!.removeFromSuperview() self.selectedIndex = toIndex self.view.isUserInteractionEnabled = true }); }