IOS动画总结(UIView系列)

一 . UIview动画本质是对Core Animation的封装, 优点就是简单方便使用,缺点就是不灵活...(个人感觉)

简单使用:
1.开始动画:
[UIView beginAnimations:@"testAnimate" context:@"info"];  
//第一个参数是动画标识 第二个参数是要传递的信息 一般为空,这个信息和标识是在代理中可以获取到.
2.设置代理
+ (void)setAnimationWillStartSelector:(nullable SEL)selector;    
 // default = NULL. -animationWillStart:(NSString *)animationID context:(void *)context
+ (void)setAnimationDidStopSelector:(nullable SEL)selector;     
  // default = NULL. 
这是官方API给出的代理方法, 
我们需要设置代理:
[UIView setAnimationDelegate:self];
在动画开始和结束就会走上面2个协议方法.

其他方法:

+(void)setAnimationDuration:(NSTimeInterval)duration; //设置动画执行的时间间隔.
+(void)setAnimationDelay:(NSTimeInterval)delay; //设置动画多久后执行
+(void)setAnimationStartDate:(NSDate *)startDate; //设置动画开始时间
+(void)setAnimationCurve:(UIViewAnimationCurve)curve; //曲线运动 a=Δv/Δt 物理中的加速度使其做非匀速运动
UIViewAnimationCurve参数:
UIViewAnimationCurveEaseInOut, 慢进慢出
UIViewAnimationCurveEaseIn, 慢进
UIViewAnimationCurveEaseOut, 慢出
UIViewAnimationCurveLinear, 匀速
+(void)setAnimationRepeatCount:(float)repeatCount; //设置动画重复执行次数
+(void)setAnimationRepeatAutoreverses:(BOOL)repeatAutoreverses;//动画是否逆执行 (反向动画)
+(void)setAnimationBeginsFromCurrentState:(BOOL)fromCurrentState; //设置为yes 动画从当前状态执行否则是动画结束后执行
+(void)setAnimationTransition:(UIViewAnimationTransition)transition forView:(UIView *)view cache:(BOOL)cache; //设置动画翻转效果

UIViewAnimationTransition参数:

//UIViewAnimationTransitionNone, 无动画
//UIViewAnimationTransitionFlipFromLeft, 从左到右翻页
//UIViewAnimationTransitionFlipFromRight, 从右到左翻页
//UIViewAnimationTransitionCurlUp, 上到下
//UIViewAnimationTransitionCurlDown, 下到上
+(void)setAnimationsEnabled:(BOOL)enabled; //是否允许动画

以上就是UIView(UIViewANimation)常用的方法, 这写方法大多都是IOS4出的,不带Block的方式 ,使用就是在开始动画和结束动画之间写动画.

完整代码: 
// self.animateView 是我自己创建的动画视图
- (void)setAnimateNormal{
    //基础方式(比较古老了iOS4 以后用block替代了)
    //开始动画
    //参数  开始动画的标识  和  信息 (可以在动画的代理方法得到)
    [UIView beginAnimations:@"testAnimate" context:@"info"];
    //代理
    [UIView setAnimationDelegate:self];
//    //设置代理后 实现的方法  开始和结束的方法
    [UIView setAnimationDidStopSelector:@selector(AnimateStop:Context:)];
    [UIView setAnimationWillStartSelector:@selector(AnimateStart:Context:)];
    //延时操作 default = 0.0
    [UIView setAnimationDelay:2.0f];
    //动画时间间隔 default = 0.2f
    [UIView setAnimationDuration:3.0f];
    // NSString *time = @"2018-01-16 14:48:50";
    // NSDateFormatter *formatter = [[NSDateFormatter alloc] init];
    // formatter.dateFormat = @"yyyy-MM-dd HH:mm:ss";
    // NSDate *date = [formatter dateFromString:time];
    //默认开始时间是现在
    // [UIView setAnimationStartDate:[NSDate date]];
    
    //曲线动画  a=Δv/Δt 物理中的加速度 使其做非匀速运动
    //UIViewAnimationCurveEaseInOut,  慢进慢出
    //UIViewAnimationCurveEaseIn,     慢进
    //UIViewAnimationCurveEaseOut,    慢出
    //UIViewAnimationCurveLinear,     匀速
    [UIView setAnimationCurve:UIViewAnimationCurveEaseOut];
    // 0 , 1 都是一次 long_max = 无穷大
    [UIView setAnimationRepeatCount:LONG_MAX];
    //是否执行相反的动画 default = NO
    [UIView setAnimationRepeatAutoreverses:YES];
    //设置为YES动画从当前状态进行新的动画, NO从结束状态进行新动画
    [UIView setAnimationBeginsFromCurrentState:YES];
    
    //UIViewAnimationTransitionNone,  无动画
    //UIViewAnimationTransitionFlipFromLeft, 从左到右翻页
    //UIViewAnimationTransitionFlipFromRight, 从右到左翻页
    //UIViewAnimationTransitionCurlUp, 上到下
    //UIViewAnimationTransitionCurlDown, 下到上
    
    //[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:self.animateView cache:YES];
    //是否允许动画
    [UIView setAnimationsEnabled:YES];
    
    BOOL enable = [UIView areAnimationsEnabled];
    NSLog(@"%d",enable);
    //继承动画间隔时间 iOS9新出的
    int tim = [UIView inheritedAnimationDuration];
    NSLog(@"%d",tim);
#if UIKIT_DEFINE_AS_PROPERTIES
    //是属性的时候 执行
#else
    //类方法执行
#endif
    //某些地方不需要执行动画可以在这个方法里写 iOS 7 后出的方法
    [UIView performWithoutAnimation:^{
        self.animateView.frame = CGRectMake(200, 400, 100, 100);
    }];
    self.animateView.frame = CGRectMake(100, 400, 100, 100);
    self.animateView.alpha = 0;
    //结束动画
    [UIView commitAnimations];
}

//代理
- (void)AnimateStop:(id)obj Context:(id)text{
    NSLog(@"结束:%@,--- %@",obj, text);
}

- (void)AnimateStart:(id)obj Context:(id)text{
    NSLog(@"开始:%@--%@",obj,text);
}
//注意: 动画要在结束动画 [UIView commitAnimations] 前写

二. 上面是直接使用的方式, 不过苹果给这些动画进行了封装,就是上面提到过的UIView(UIViewAnimationWithBlocks) Block方式, API里给出我们7个方法.

+(void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations completion:(void (^ __nullable)(BOOL finished))completion NS_AVAILABLE_IOS(4_0);
//这个是最简单的方法, 参数duration是执行时间, animations回调是我们在里写的动画, completion回调是动画结束后要进行操作的地方.
+(void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^ __nullable)(BOOL finished))completion NS_AVAILABLE_IOS(4_0);
//delay: 延时执行时间
options:

    UIViewAnimationOptionLayoutSubviews：子控件随父控件一起动画
    UIViewAnimationOptionAllowUserInteraction： 动画时允许用户触摸操作 允许交互
    UIViewAnimationOptionBeginFromCurrentState：从当前状态开始动画
    UIViewAnimationOptionRepeat：一直重复动画
    UIViewAnimationOptionAutoreverse ：动画结束后反向执行动画
    UIViewAnimationOptionOverrideInheritedDuration：忽略嵌套动画时间设置
    UIViewAnimationOptionOverrideInheritedCurve：忽略嵌套动画速度设置
    UIViewAnimationOptionAllowAnimatedContent：动画执行重绘视图
    UIViewAnimationOptionShowHideTransitionViews：隐藏旧视图 显示新视图
    UIViewAnimationOptionOverrideInheritedOptions ：不继承父动画设置动画类型
    ---------------------------------------------------------------------------
    //同UIView的曲线运动
    UIViewAnimationOptionCurveEaseInOut
    UIViewAnimationOptionCurveEaseIn 
    UIViewAnimationOptionCurveEaseOut
    UIViewAnimationOptionCurveLinear 
    ---------------------------------------------------------------------------
    //同上方转场动画 
    UIViewAnimationOptionTransitionNone
    UIViewAnimationOptionTransitionFlipFromLeft 
    UIViewAnimationOptionTransitionFlipFromRight
    UIViewAnimationOptionTransitionCurlUp
    UIViewAnimationOptionTransitionCurlDown 
    UIViewAnimationOptionTransitionCrossDissolve
    UIViewAnimationOptionTransitionFlipFromTop     
    UIViewAnimationOptionTransitionFlipFromBottom

+(void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations NS_AVAILABLE_IOS(4_0);//最基础的方法
+(void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay usingSpringWithDamping:(CGFloat)dampingRatio initialSpringVelocity:(CGFloat)velocity options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^ __nullable)(BOOL finished))completion NS_AVAILABLE_IOS(7_0);
//duration: 时间间隔, delay: 延时执行 Damping: 弹簧效果 0.f-1.f
//initial: 初始加速度
//大多数iOS系统动画都是用这种方式弹性效果
+(void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^ __nullable)(void))animations completion:(void (^ __nullable)(BOOL finished))completion NS_AVAILABLE_IOS(4_0);
//转场动画 duration: 时间间隔 options: 动画类型 animations: 需要做的动画
+(void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^ __nullable)(BOOL finished))completion NS_AVAILABLE_IOS(4_0);
//IOS 4出的方法
//FromView: 从父视图移除, ToView: 添加到父视图, duration: 时间间隔, options: 动画效果 (基本不怎么用有属性可以替代)

这些应该就是可能 emmm... 常用的

详细代码: 
- (void)setAnimateWithBlock{
    //block动画 参数: 时间间隔 和 动画回调
#if Controller_Not_Allow_Run
    [UIView animateWithDuration:3.f animations:^{
        self.animateView.frame = CGRectMake(100, 400, 100, 100);
        self.animateView.alpha = 0;
    }];
#endif
    //比上一个方法多一个结束回调
    [UIView animateWithDuration:3.f animations:^{
        self.animateView.frame = CGRectMake(100, 400, 100, 100);
        self.animateView.alpha = 0;
    } completion:^(BOOL finished) {
        self.animateView.alpha = 1;
    }];
    
     // UIViewAnimationOptionLayoutSubviews 子控件随父控件一起动画
     // UIViewAnimationOptionAllowUserInteraction 动画时允许用户触摸操作 允许交互
     // UIViewAnimationOptionBeginFromCurrentState 从当前状态开始动画
     // UIViewAnimationOptionRepeat   一直重复动画
     // UIViewAnimationOptionAutoreverse    动画结束后反向执行动画
     // UIViewAnimationOptionOverrideInheritedDuration
     // UIViewAnimationOptionOverrideInheritedCurve
     // UIViewAnimationOptionAllowAnimatedContent
     // UIViewAnimationOptionShowHideTransitionViews
     // UIViewAnimationOptionOverrideInheritedOptions
     // UIViewAnimationOptionCurveEaseInOut
     // UIViewAnimationOptionCurveEaseIn
     // UIViewAnimationOptionCurveEaseOut
     // UIViewAnimationOptionCurveLinear
     // UIViewAnimationOptionTransitionNone
     // UIViewAnimationOptionTransitionFlipFromLeft
     // UIViewAnimationOptionTransitionFlipFromRight
     // UIViewAnimationOptionTransitionCurlUp
     // UIViewAnimationOptionTransitionCurlDown
     // UIViewAnimationOptionTransitionCrossDissolve
     // UIViewAnimationOptionTransitionFlipFromTop
     // UIViewAnimationOptionTransitionFlipFromBottom
     // UIViewAnimationOptionPreferredFramesPerSecondDefault
     // UIViewAnimationOptionPreferredFramesPerSecond60
     // UIViewAnimationOptionPreferredFramesPerSecond30

    /******************************** block 3 **********************************/
#if Controller_Not_Allow_Run
    //执行动画的block 比较简单的方式
    [UIView animateWithDuration:3.f delay:2.f options:UIViewAnimationOptionAutoreverse animations:^{
        self.animateView.frame = CGRectMake(100, 400, 100, 100);
    } completion:^(BOOL finished) {

    }];
#endif
    
    /******************************** block 4 **********************************/
    //duration: 时间间隔,  delay: 延时执行  Damping: 弹簧效果 0.f-1.f
    // initial: 初始加速度
    //大多数iOS系统动画都是用这种方式 弹性效果
#if Controller_Not_Allow_Run
    [UIView animateWithDuration:0.5f delay:1.f usingSpringWithDamping:0.2 initialSpringVelocity:0.5 options:UIViewAnimationOptionLayoutSubviews animations:^{
        self.animateView.frame = CGRectMake(100, 400, 100, 100);
    } completion:^(BOOL finished) {
        NSLog(@"结束");
    }];
#endif
    
    /******************************** block 5 **********************************/
#if Controller_Not_Allow_Run
    //转场动画 duration: 时间间隔 options: 动画类型 animations: 需要做的动画
    [UIView transitionWithView:self.animateView duration:0.5 options:0 animations:^{
        self.animateView.center = CGPointMake(250, 250);
    } completion:^(BOOL finished) {
        
    }];
#endif

    /******************************** block 6 **********************************/
    //IOS 4出的方法
    //FromView: 从父视图移除, ToView: 添加到父视图, duration: 时间间隔, options: 动画效果
#if Controller_Not_Allow_Run
    UIView *removeView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
    removeView.backgroundColor = [UIColor grayColor];
    [self.view addSubview:removeView];
    [UIView transitionFromView:removeView toView:self.animateView duration:1.f options:0 completion:^(BOOL finished) {
        NSLog(@"结束");
    }];
#endif
// ***** 宏自行删除 *****

这些动画都是一次动画只能进行一些比较简单的动画, 位移 ,放大 ,缩小, 透明度,旋转等等.
下篇我会写CAAnimation

本篇代码地址: Demo

IOS动画总结(UIView系列)

你可能感兴趣的:(IOS动画总结(UIView系列))