iOS之转场动画／自定义转场动画

最新推荐文章于 2022-11-27 16:10:34 发布
最新推荐文章于 2022-11-27 16:10:34 发布
阅读量1.4k 收藏
点赞数
分类专栏： iOS/oc 文章标签： 转场动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011146511/article/details/69371899
版权 
<span style="color:#2f2f2f">大家都知道从iOS7开始，苹果就提供了自定义转场的API，模态推送present和dismiss、导航控制器push和pop、标签控制器的控制器切换都可以自定义转场了，</span>

 

 

    /** CATransition

     *

     *  @see http://www.dreamingwish.com/dream-2012/the-concept-of-coreanimation-programming-guide.html

     *  @see http://geeklu.com/2012/09/animation-in-ios/

     *

     *  CATransition 常用设置及属性注解如下:

     */

    

    CATransition *animation = [CATransitionanimation];

    

    /** delegate

     *

     *  动画的代理,如果你想在动画开始和结束的时候做一些事,可以设置此属性,它会自动回调两个代理方法.

     *

     *  @see CAAnimationDelegate    (按下command键点击)

     */

    

    animation.delegate =self;

    

    /** duration

     *

     *  动画持续时间

     */

    

    animation.duration = duration;

    

    /** timingFunction

     *

     *  用于变化起点和终点之间的插值计算,形象点说它决定了动画运行的节奏,比如是均匀变化(相同时间变化量相同)还是

     *  先快后慢,先慢后快还是先慢再快再慢.

     *

     *  动画的开始与结束的快慢,有五个预置分别为(下同):

     *  kCAMediaTimingFunctionLinear            线性,即匀速

     *  kCAMediaTimingFunctionEaseIn            先慢后快

     *  kCAMediaTimingFunctionEaseOut           先快后慢

     *  kCAMediaTimingFunctionEaseInEaseOut     先慢后快再慢

     *  kCAMediaTimingFunctionDefault           实际效果是动画中间比较快.

     */

    

    /** timingFunction

     *

     *  当上面的预置不能满足你的需求的时候,你可以使用下面的两个方法来自定义你的timingFunction

     *  具体参见下面的URL

     *

     *  @see http://developer.apple.com/library/ios/#documentation/Cocoa/Reference/CAMediaTimingFunction_class/Introduction/Introduction.html

     *

     *  + (id)functionWithControlPoints:(float)c1x :(float)c1y :(float)c2x :(float)c2y;

     *

     *  - (id)initWithControlPoints:(float)c1x :(float)c1y :(float)c2x :(float)c2y;

     */

    

    animation.timingFunction = [CAMediaTimingFunctionfunctionWithName:timingFunction];

    

    /** fillMode

     *

     *  决定当前对象过了非active时间段的行为,比如动画开始之前,动画结束之后.

     *  预置为:

     *  kCAFillModeRemoved   默认,当动画开始前和动画结束后,动画对layer都没有影响,动画结束后,layer会恢复到之前的状态

     *  kCAFillModeForwards  当动画结束后,layer会一直保持着动画最后的状态

     *  kCAFillModeBackwards 和kCAFillModeForwards相对,具体参考上面的URL

     *  kCAFillModeBoth      kCAFillModeForwards和kCAFillModeBackwards在一起的效果

     */

    

    animation.fillMode =kCAFillModeForwards;

    

    /** removedOnCompletion

     *

     *  这个属性默认为YES.一般情况下,不需要设置这个属性.

     *

     *  但如果是CAAnimation动画,并且需要设置 fillMode 属性,那么需要将 removedOnCompletion设置为NO,否则

     *  fillMode无效

     */

    

    //    animation.removedOnCompletion = NO;

    

    /** type

     *

     *  各种动画效果 其中除了'fade', `moveIn', `push' , `reveal' ,其他属于私有的API(我是这么认为的,可以点进去看下注释).

     *  ↑↑↑上面四个可以分别使用'kCATransitionFade', 'kCATransitionMoveIn', 'kCATransitionPush', 'kCATransitionReveal'来调用.

     *  @"cube"                    立方体翻滚效果

     *  @"moveIn"                  新视图移到旧视图上面

     *  @"reveal"                  显露效果(将旧视图移开,显示下面的新视图)

     *  @"fade"                    交叉淡化过渡(不支持过渡方向)             (默认为此效果)

     *  @"pageCurl"                向上翻一页

     *  @"pageUnCurl"              向下翻一页

     *  @"suckEffect"              收缩效果，类似系统最小化窗口时的神奇效果(不支持过渡方向)

     *  @"rippleEffect"            滴水效果,(不支持过渡方向)

     *  @"oglFlip"                 上下左右翻转效果

     *  @"rotate"                  旋转效果

     *  @"push"

     *  @"cameraIrisHollowOpen"    相机镜头打开效果(不支持过渡方向)

     *  @"cameraIrisHollowClose"   相机镜头关上效果(不支持过渡方向)

     */

    

    /** type

     *

     *  kCATransitionFade           交叉淡化过渡

     *  kCATransitionMoveIn         新视图移到旧视图上面

     *  kCATransitionPush           新视图把旧视图推出去

     *  kCATransitionReveal         将旧视图移开,显示下面的新视图

     */

    

    animation.type = type;

    

    /** subtype

     *

     *  各种动画方向

     *

     *  kCATransitionFromRight;     同字面意思(下同)

     *  kCATransitionFromLeft;

     *  kCATransitionFromTop;

     *  kCATransitionFromBottom;

 

       分别对应上面四个方向

 

 @“fromRight”

 

@“fromLeft”

 

@"fromTop"

 

@"fromBottom"

 

 

 

 

 

     */

 

    /** subtype

     *

     *  当type为@"rotate"(旋转)的时候,它也有几个对应的subtype,分别为:

     *  90cw    逆时针旋转90°

     *  90ccw   顺时针旋转90°

     *  180cw   逆时针旋转180°

     *  180ccw  顺时针旋转180°

     */

    

    /**

     *  type与subtype的对应关系(必看),如果对应错误,动画不会显现.

     *

     *  @see http://iphonedevwiki.net/index.php/CATransition

     */

    

    animation.subtype = subType;

    

    /**

     *  所有核心动画和特效都是基于CAAnimation,而CAAnimation是作用于CALayer的.所以把动画添加到layer上.

     *  forKey  可以是任意字符串.

     */

    

    [theView.layeraddAnimation:animationforKey:nil];

 

 

 

 

 

================

 

 

    CATransition *animation = [CATransitionanimation];//创建动画

    [animation setDuration:0.35f];//动画持续时间

    [animation setFillMode:kCAFillModeForwards];//决定当前对象过了非active时间段的行为,比如动画开始之前,动画结束之后.

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];//

用于变化起点和终点之间的插值计算,形象点说它决定了动画运行的节奏,比如是均匀变化(相同时间变化量相同)还是

     *  先快后慢,先慢后快还是先慢再快再慢.-----这个也可以自定义

 

    [animation setType:kCATransitionPush];//设置动画的效果

    [animation setSubtype:kCATransitionFromTop];//设置动画的方向

    

    [view.layeraddAnimation:animationforKey:nil];//动画添加到layer层

=======================

 

/* Common transition types. */types确定动画的类型，下面是系统提供的

 

CA_EXTERN NSString *const kCATransitionFade／／退去

    CA_AVAILABLE_STARTING (10.5,2.0,9.0,2.0);

CA_EXTERN NSString *const kCATransitionMoveIn／／进来

    CA_AVAILABLE_STARTING (10.5,2.0,9.0,2.0);

CA_EXTERN NSString *const kCATransitionPush／／推出去

    CA_AVAILABLE_STARTING (10.5,2.0,9.0,2.0);

CA_EXTERN NSString *const kCATransitionReveal／／逐步展现

    CA_AVAILABLE_STARTING (10.5,2.0,9.0,2.0);

 

/* Common transition subtypes. */／／subtypes确定动画的方向

 

CA_EXTERN NSString *const kCATransitionFromRight／／从右边过来

    CA_AVAILABLE_STARTING (10.5,2.0,9.0,2.0);

CA_EXTERN NSString *const kCATransitionFromLeft／／从左边过来

    CA_AVAILABLE_STARTING (10.5,2.0,9.0,2.0);

CA_EXTERN NSString *const kCATransitionFromTop／／从上边过来

    CA_AVAILABLE_STARTING (10.5,2.0,9.0,2.0);

CA_EXTERN NSString *const kCATransitionFromBottom／／从底部过来

    CA_AVAILABLE_STARTING (10.5,2.0,9.0,2.0);

 

===================

举例：系统的

 

+ (void)animationRevealFromBottom:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setType:kCATransitionReveal];

    [animation setSubtype:kCATransitionFromBottom];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseIn]];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

+ (void)animationRevealFromTop:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setType:kCATransitionReveal];

    [animation setSubtype:kCATransitionFromTop];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

+ (void)animationRevealFromLeft:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setType:kCATransitionReveal];

    [animation setSubtype:kCATransitionFromLeft];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut]];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

+ (void)animationRevealFromRight:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setType:kCATransitionReveal];

    [animation setSubtype:kCATransitionFromRight];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut]];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

 

+ (void)animationEaseIn:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setType:kCATransitionFade];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseIn]];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

+ (void)animationEaseOut:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setType:kCATransitionFade];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    

    [view.layeraddAnimation:animationforKey:nil];

}

+ (void)animationPushUp:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    [animation setType:kCATransitionPush];

    [animation setSubtype:kCATransitionFromTop];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

+ (void)animationPushDown:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    [animation setType:kCATransitionPush];

    [animation setSubtype:kCATransitionFromBottom];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

+ (void)animationPushLeft:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    [animation setType:kCATransitionPush];

    [animation setSubtype:kCATransitionFromLeft];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

+ (void)animationPushRight:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    [animation setType:kCATransitionPush];

    [animation setSubtype:kCATransitionFromRight];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

// presentModalViewController

+ (void)animationMoveUp:(UIView *)view duration:(CFTimeInterval)duration

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:duration];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut]];

    [animation setType:kCATransitionMoveIn];

    [animation setSubtype:kCATransitionFromTop];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

// dissModalViewController

+ (void)animationMoveDown:(UIView *)view duration:(CFTimeInterval)duration

{

    CATransition *transition = [CATransitionanimation];

    transition.duration =0.4;

    transition.timingFunction = [CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut];

    transition.type =kCATransitionReveal;

    transition.subtype =kCATransitionFromBottom;

    [view.layeraddAnimation:transitionforKey:nil];

}

 

+ (void)animationMoveLeft:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    [animation setType:kCATransitionMoveIn];

    [animation setSubtype:kCATransitionFromLeft];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

+ (void)animationMoveRight:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    [animation setType:kCATransitionMoveIn];

    [animation setSubtype:kCATransitionFromRight];

    

    [view.layeraddAnimation:animationforKey:nil];

}

=================举例私有的动画效果

 

+ (void)animationFlipFromTop:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    [animation setType:@"oglFlip"];

    [animation setSubtype:@"fromTop"];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

+ (void)animationFlipFromBottom:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    [animation setType:@"oglFlip"];

    [animation setSubtype:@"fromBottom"];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

+ (void)animationCubeFromLeft:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    [animation setType:@"cube"];

    [animation setSubtype:@"fromLeft"];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

+ (void)animationCubeFromRight:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    [animation setType:@"cube"];

    [animation setSubtype:@"fromRight"];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

+ (void)animationCubeFromTop:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    [animation setType:@"cube"];

    [animation setSubtype:@"fromTop"];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

+ (void)animationCubeFromBottom:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    [animation setType:@"cube"];

    [animation setSubtype:@"fromBottom"];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

+ (void)animationSuckEffect:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    [animation setType:@"suckEffect"];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

+ (void)animationRippleEffect:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    [animation setType:@"rippleEffect"];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

+ (void)animationCameraOpen:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    [animation setType:@"cameraIrisHollowOpen"];

    [animation setSubtype:@"fromRight"];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

+ (void)animationCameraClose:(UIView *)view

{

    CATransition *animation = [CATransitionanimation];

    [animation setDuration:0.35f];

    [animation setFillMode:kCAFillModeForwards];

    [animation setTimingFunction:[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut]];

    [animation setType:@"cameraIrisHollowClose"];

    [animation setSubtype:@"fromRight"];

    

    [view.layeraddAnimation:animationforKey:nil];

}

 

 

 

===============================自定义转场动画

 

  1. 我们需要自定义一个遵循的<UIViewControllerAnimatedTransitioning>协议的动画过渡管理对象，并实现两个必须实现的方法： 

     //返回动画事件  
 - (NSTimeInterval)transitionDuration:(nullable id <UIViewControllerContextTransitioning>)transitionContext;
 //所有的过渡动画事务都在这个方法里面完成
 - (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext;
  2. 我们还需要自定义一个继承于UIPercentDrivenInteractiveTransition（这是一个继承自NSObject的类）的手势过渡管理对象，我把它成为百分比手势过渡管理对象，因为动画的过程是通过百分比控制的；

  3. 成为相应的代理，实现相应的代理方法，返回我们前两步自定义的对象就OK了 ！

#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>

typedef NS_ENUM(NSInteger, PDAnimationType){
    
    animationTypePresent = 0,
    animationTypeDismiss ,
    animationTypePush ,
    animationTypePop,
};
NS_ASSUME_NONNULL_BEGIN

@interface PDAnimatorBaseTransition : NSObject<UIViewControllerAnimatedTransitioning>
@property (nonatomic, assign)PDAnimationType animationType;

@property (nonatomic, strong)UIView *containerView;

@property (nonatomic, strong)UIViewController *from;

@property (nonatomic, strong)UIViewController *to;

@property (nonatomic, strong)UIView *fromView;

@property (nonatomic, strong)UIView *toView;

@property (nonatomic, weak)id <UIViewControllerContextTransitioning> transitionContext;
@end

NS_ASSUME_NONNULL_END


********


#import "PDAnimatorBaseTransition.h"

@implementation PDAnimatorBaseTransition
- (NSTimeInterval)transitionDuration:(nullable id <UIViewControllerContextTransitioning>)transitionContext{
    
    return 1.f;
}

- (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext{
    
    _transitionContext = transitionContext;
    
    _containerView = [transitionContext containerView];
    
    _from = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];
    
    _to = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    
    if([transitionContext respondsToSelector:@selector(viewForKey:)]){
        
        _fromView = [transitionContext viewForKey:UITransitionContextFromViewKey];
        _toView = [transitionContext viewForKey:UITransitionContextToViewKey];
    }else{
        
        _fromView = _from.view;
        _toView = _to.view;
    }
    
    if(self.animationType == animationTypePresent){
        
        [self animationPresent];
    }else if (self.animationType == animationTypeDismiss){
        
        [self animationDismiss];
    }else if (self.animationType == animationTypePop){
        
        [self animationPop];
    }else{
        
        [self animationPush];
    }
    
}
#pragma mark -optional

//动画结束时回调
- (void)animationEnded:(BOOL) transitionCompleted{
}
- (void)animationPresent{
}
- (void)animationDismiss{
}
- (void)animationPop{
}
- (void)animationPush{
    
}
@end



********** present 

/** 
//然后我们在需要present的地方实现UIViewControllerTransitioningDelegate的代理方法
//- (nullable id <UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController:(UIViewController *)presented presentingController:(UIViewController *)presenting sourceController:(UIViewController *)source{
//
//    PDAnimationPresentTransition *animationTransition = [[PDAnimationPresentTransition alloc] init];
//    animationTransition.animationType = animationTypePresent;
//    return animationTransition;
//}
//
//- (nullable id <UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController:(UIViewController *)dismissed{
//
//    PDAnimationPresentTransition *animationTransition = [[PDAnimationPresentTransition alloc] init];
//    animationTransition.animationType = animationTypePresent;
//    return animationTransition;
//}
**/

#import "PDAnimatorBaseTransition.h"

NS_ASSUME_NONNULL_BEGIN

@interface PDAnimationPresentTransition : PDAnimatorBaseTransition

@end

NS_ASSUME_NONNULL_END


***********

#import "PDAnimationPresentTransition.h"

@implementation PDAnimationPresentTransition
- (NSTimeInterval)transitionDuration:(nullable id <UIViewControllerContextTransitioning>)transitionContext{
    
    return 1.f;
}

- (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext{
    [super animateTransition:transitionContext];
}

- (void)animationPresent{
    
    NSTimeInterval duration = [self transitionDuration:self.transitionContext];
    __weak typeof(self) weakSelf = self;
    
    self.toView.frame = [self.transitionContext initialFrameForViewController:self.to];
    
    self.fromView.frame = [self.transitionContext initialFrameForViewController:self.from];
    
    CGAffineTransform transform = CGAffineTransformIdentity;
    transform = CGAffineTransformScale(transform, 0.001, 0.001);
  //transform =CGAffineTransformMakeRotation(M_PI/2);
    self.toView.layer.affineTransform = transform;
    
    [self.containerView addSubview:self.toView];
    
    self.toView.alpha = 0.0;
    
    [UIView animateWithDuration:duration delay:0 usingSpringWithDamping:0.6 initialSpringVelocity:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
        
        self.toView.layer.affineTransform = CGAffineTransformIdentity;
        self.toView.frame = [self.transitionContext finalFrameForViewController:self.to];
        self.toView.alpha = 1.0;
    } completion:^(BOOL finished){
        
        BOOL wasCancelled = [weakSelf.transitionContext transitionWasCancelled];
        [weakSelf.transitionContext completeTransition:!wasCancelled];
    }];
    
}
@end


********push
/**
//然后我们在需要push的地方实现UINavigationControllerDelegate的协议方法：
//
//- (nullable id <UIViewControllerAnimatedTransitioning>)navigationController:(UINavigationController *)navigationController
//animationControllerForOperation:(UINavigationControllerOperation)operation
//fromViewController:(UIViewController *)fromVC
//toViewController:(UIViewController *)toVC NS_AVAILABLE_IOS(7_0){
//
//    PDAnimatorPUshPopTransition *animationTransition = [[PDAnimatorPUshPopTransition alloc] init];
//    if(operation == UINavigationControllerOperationPush){
//
//        animationTransition.animationType = animationTypePush;
//    }else if (operation == UINavigationControllerOperationPop){
//
//        animationTransition.animationType = animationTypePop;
//    }
//
//    NSArray *indexPaths = [self.collectionView indexPathsForSelectedItems];
//    if (indexPaths.count == 0) {
//        return nil;
//    }
//
//    NSIndexPath *selectedIndexPath = indexPaths[0];
//    UICollectionViewCell *cell = [self.collectionView cellForItemAtIndexPath:selectedIndexPath];
//
//    // 一定要加上convertPoint:toView:操作
//    animationTransition.itemCenter = [self.collectionView convertPoint:cell.center toView:self.view];
//    animationTransition.itemSize = cell.frame.size;
//    animationTransition.imageName = [NSString stringWithFormat:@"%ld", (long)selectedIndexPath.item];
//
//    return animationTransition;
//}
**/
#import "PDAnimatorBaseTransition.h"

#import <UIKit/UIKit.h>

@interface PDAnimatorPUshPopTransition : PDAnimatorBaseTransition
@property (nonatomic, assign)CGPoint itemCenter;

@property (nonatomic, assign)CGSize itemSize;

@property (nonatomic, strong)NSString *imageName;

@end


******

#import "PDAnimatorPUshPopTransition.h"

@implementation PDAnimatorPUshPopTransition
- (instancetype)init{
    
    self = [super init];
    if(self){
        
        
    }
    
    return self;
}

- (NSTimeInterval)transitionDuration:(nullable id <UIViewControllerContextTransitioning>)transitionContext{
    
    return 5.f;
}

- (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext{
    
    [super animateTransition:transitionContext];
}

- (void)animationPush{
    
    NSTimeInterval duration = [self transitionDuration:self.transitionContext];
    __weak typeof(self) weakSelf = self;
    
    self.containerView.backgroundColor = [UIColor lightGrayColor];
    
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 100, 160)];
    imageView.image = [UIImage imageNamed:self.imageName];
    imageView.center = _itemCenter;
    
    CGFloat initialScale = _itemSize.width / CGRectGetWidth(imageView.frame);
    
    CGAffineTransform transform = CGAffineTransformIdentity;
    
    transform = CGAffineTransformScale(transform, initialScale, initialScale);
    transform = CGAffineTransformRotate(transform, M_PI);
    
    imageView.layer.affineTransform = transform;
    
    // imageView.transform = CGAffineTransformMakeScale(initialScale, initialScale);
    
    [self.containerView addSubview:imageView];
    
    
    self.toView.frame = [self.transitionContext finalFrameForViewController:self.to];
    CGPoint finalCenter = self.toView.center;
    self.toView.center = finalCenter;
    self.toView.alpha = 0.0;
    //这一句一定要
    [self.containerView addSubview:self.toView];
    
    [UIView animateWithDuration:duration delay:0 usingSpringWithDamping:0.5 initialSpringVelocity:0 options:UIViewAnimationOptionCurveLinear animations:^{
        
        
        imageView.layer.affineTransform = CGAffineTransformIdentity;
        
        imageView.center = finalCenter;
        
        self.fromView.alpha = 0.0;
        self.containerView.backgroundColor = [UIColor redColor];
    } completion:^(BOOL finished){
        
        [imageView removeFromSuperview];
        
        weakSelf.toView.alpha = 1.0f;
        weakSelf.fromView.alpha = 1.0f;
        
        [weakSelf.transitionContext completeTransition:![weakSelf.transitionContext transitionWasCancelled]];
    }];
    
}

- (void)animationPop{
    
    NSTimeInterval duration = [self transitionDuration:self.transitionContext];
    __weak typeof(self) weakSelf = self;
    
    self.toView.frame = [self.transitionContext finalFrameForViewController:self.to];
    
    [self.containerView insertSubview:self.toView belowSubview:self.fromView];
    
    self.fromView.alpha = 0.0;
    
    self.fromView.backgroundColor = [UIColor clearColor];
    
    [UIView animateWithDuration:duration delay:0 usingSpringWithDamping:0.5 initialSpringVelocity:0 options:UIViewAnimationOptionCurveLinear animations:^{
        
        CGFloat initialScale = _itemSize.width / 200;
        weakSelf.fromView.transform = CGAffineTransformMakeScale(initialScale, initialScale);
        weakSelf.fromView.center = weakSelf.itemCenter;
        
        weakSelf.toView.alpha = 1.0f;
    } completion:^(BOOL finished){
        
        weakSelf.fromView.alpha = 0.0f;
        
        [weakSelf.transitionContext completeTransition:![weakSelf.transitionContext transitionWasCancelled]];
    }];
}


@end

 

 

 

 

liyubao160
关注
专栏目录
iOS转场动画技术详解
m0_70960708的博客
08-09 63
inputNumberOfFolds 折叠数量，默认:3.0, 最小值:1.0, 最大值:50.0。inputRadius 输入半径，默认值100，最小值0.01，最大值400。inputTime 时间，默认:0.0, 最小值:0.0, 最大值:1.0。inputExtent 输入矩形，默认值[0,0,300,300]inputExtent 面积，默认值[0,0,300,300]inputExtent 面积，默认值[0,0,300,300]
iOS-自定义转场动画
06-28
在iOS开发中，自定义转场动画是一种提升用户体验的有效手段，它可以让你的应用界面在页面切换时展现出独特的视觉效果。本文将深入探讨自定义转场动画的相关知识点，帮助开发者更好地理解和应用这一技术。 首先，转...
ios-自定义Model的转场动画.zip
07-11
自定义模态视图的非交互式转场动画，提供了几种常见的动画形式，并支持自定义动画的拓展； Demo的GitHub地址：https://github.com/fanxiaocong/XCPresentation 喜欢的朋友请给个Star，谢谢！
iOS自定义转场动画实战讲解
weixin_34061555的博客
02-29 179
转场动画这事，说简单也简单，可以通过presentViewController:animated:completion:和dismissViewControllerAnimated:completion:这一组函数以模态视图的方式展现、隐藏视图。如果用到了navigationController，还可以调用pushViewController:ani...
iOS 自定义转场动画
iOS_开发
03-23 488
????????关注后回复“进群”，拉你进程序员交流群????????简介在日常开发中动画是必不可少的，苹果也为iOS开发提供了很多好的动画效果，作为iOS开发者自然需要对动画有所了解。在这些动画中，有一种动画是用于一个场景转换到另一个场景的过渡动画，我们称之为转场动画，本文主要内容是关于转场动画的。转场，顾名思义是场景的转换，即界面由一个场景转换到另一个场景。在iOS中可以分为视图控制器转...
iOS开发自定义转场动画
weixin_34280237的博客
04-16 174
1、转场动画 　　iOS7之后开发者可以自定义界面切换的转场动画，就是在模态弹出（present、dismiss），Navigation的（push、pop），TabBar的系统切换效果之外自定义切换动画！ 　　模态弹出自定义出push、pop效果，可以侧滑： 2、实现步骤 　　2.1、自定义转场动画 　　　　1》创建自定义文件 @interface CustomTransfo...
iOS自定义转场动画的几种情况
08-25
iOS自定义转场动画的几种情况 在iOS开发中，自定义转场动画是非常重要的一部分，因为系统默认的动画总是不能满足开发者的需求。因此，本文将主要介绍iOS自定义转场动画的几种情况，并通过示例代码对其进行详细的...
iOS如何自定义控制器转场动画push详解
08-28
自定义转场动画可以分为两种：Push和Modal，本文将主要介绍Push自定义转场动画的实现方法。 首先，我们需要搭建界面，添加按钮来触发转场动画。在这里，我们添加了4个按钮，每个按钮都有不同的背景颜色和点击事件。...
IOS轻松几步实现自定义转场动画
09-01
在iOS开发中，自定义转场动画是一种常用的技术，它能让你的应用呈现出独特且吸引人的视觉体验。系统虽然提供了如push/pops、present/dismiss等基础的转场效果，但有时候我们希望创建更为个性化的过渡动画。本篇将...
IOS实战之自定义转场动画详解
01-04
转场动画这事，说简单也简单，可以通过presentViewController:animated:completion:和dismissViewControllerAnimated:completion:这一组函数以模态视图的方式展现、隐藏视图。如果用到了navigationController，还...
swift-iOS自定义转场动画集锦
08-15
iOS 自定义转场动画集锦
ios-重写系统自带的转场动画（present为例）.zip
07-11
SecondViewController *vc = [self.storyboard instantiateViewControllerWithIdentifier:@"SecondViewController"]; vc.transitioningDelegate = self; [self presentViewController:vc animated:YES completion:nil]; 修改原始自带的转场动画
iOS页面间的转场动画
08-29
iOS页面间的转场动画
iOS自定义转场动画
dolacmeng的专栏
06-08 860
实现自定义转场动画效果，简单的封装了一个简单的demo。
iOS自定义转场动画（下）
william66688的博客
04-04 783
添加 UIViewControllerAnimatedTransitioning 添加一个 Cocoa Touch Class，继承自 NSObject，取名 BWFlipTransionPush（名字嘛，你开心就好。），遵守 UIViewControllerAnimatedTransitioning 协议。 实现协议的两个方法，并在其中编写 Push
iOS_Custom Transition Animation 自定义转场动画
最新发布
mikimo的博客
11-27 1381
官方转场动画文档分析+实现
iOS自定义转场动画实战：多种情景与实现
本文档详细探讨了iOS自定义转场动画的几种常见应用场景，对于iOS开发者来说具有很高的实用价值。主要内容包括： 1. 模态跳转（Present）：在`present(_:animated:completion:)`和`dismiss(animated:completion:)`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值