UIView动画

UIView动画是对CoreAnimation的封装，提供简介的动画借口。

UIView动画可以设置的属性：

  1. frame 大小变化
  2. bounds 拉伸变化
  3. center 中心位置
  4. transform 旋转
  5. alpha 透明度
  6. backgroundColor 背景颜色
  7. contentStretch 拉伸内容
1、 UIView的Block动画

1.1、简单的Block动画

[UIView animateWithDuration:(NSTimeInterval)//动画持续时间
animations:^{
//执行的动画
}];

[UIView animateWithDuration:(NSTimeInterval)//动画持续时间
animations:^{
//执行的动画
}completion:^(BOOLfinished){
//动画执行完毕后的操作
}];

1.2 、可设置延迟时间和过渡效果的Block动画

[UIView animateWithDuration:(NSTimeInterval)//动画持续时间
delay:(NSTimeInterval)//动画延迟执行的时间
options:(UIViewAnimationOptions)//动画的过渡效果
animations:^{
//执行的动画
}completion:^(BOOLfinished){
//动画执行完毕后的操作
}];
UIViewAnimationOptions的枚举值如下，可组合使用：

UIViewAnimationOptionLayoutSubviews//进行动画时布局子控件
UIViewAnimationOptionAllowUserInteraction//进行动画时允许用户交互
UIViewAnimationOptionBeginFromCurrentState//从当前状态开始动画
UIViewAnimationOptionRepeat//无限重复执行动画
UIViewAnimationOptionAutoreverse//执行动画回路
UIViewAnimationOptionOverrideInheritedDuration//忽略嵌套动画的执行时间设置
UIViewAnimationOptionOverrideInheritedCurve//忽略嵌套动画的曲线设置
UIViewAnimationOptionAllowAnimatedContent//转场：进行动画时重绘视图
UIViewAnimationOptionShowHideTransitionViews//转场：移除（添加和移除图层的）动画效果
UIViewAnimationOptionOverrideInheritedOptions//不继承父动画设置
UIViewAnimationOptionCurveEaseInOut//时间曲线，慢进慢出（默认值）
UIViewAnimationOptionCurveEaseIn//时间曲线，慢进
UIViewAnimationOptionCurveEaseOut//时间曲线，慢出
UIViewAnimationOptionCurveLinear//时间曲线，匀速
UIViewAnimationOptionTransitionNone//转场，不使用动画
UIViewAnimationOptionTransitionFlipFromLeft//转场，从左向右旋转翻页
UIViewAnimationOptionTransitionFlipFromRight//转场，从右向左旋转翻页
UIViewAnimationOptionTransitionCurlUp//转场，下往上卷曲翻页
UIViewAnimationOptionTransitionCurlDown//转场，从上往下卷曲翻页
UIViewAnimationOptionTransitionCrossDissolve//转场，交叉消失和出现
UIViewAnimationOptionTransitionFlipFromTop//转场，从上向下旋转翻页
UIViewAnimationOptionTransitionFlipFromBottom//转场，从下向上旋转翻页

1.3、Spring动画

[UIView  animateWithDuration:(NSTimeInterval)//动画持续时间
delay:(NSTimeInterval)//动画延迟执行的时间
usingSpringWithDamping:(CGFloat)//震动效果，范围0~1，数值越小震动效果越明显
initialSpringVelocity:(CGFloat)//初始速度，数值越大初始速度越快
options:(UIViewAnimationOptions)//动画的过渡效果
animations:^{
//执行的动画
}
completion:^(BOOLfinished){
//动画执行完毕后的操作
}];

1.4、Keyframes动画

[UIView animateKeyframesWithDuration:(NSTimeInterval)//动画持续时间
delay:(NSTimeInterval)//动画延迟执行的时间
options:(UIViewKeyframeAnimationOptions)//动画的过渡效果
animations:^{
//执行的关键帧动画
}
completion:^(BOOLfinished){
//动画执行完毕后的操作
}];
UIViewKeyframeAnimationOptions的枚举值如下，可组合使用：

UIViewAnimationOptionLayoutSubviews//进行动画时布局子控件
UIViewAnimationOptionAllowUserInteraction//进行动画时允许用户交互
UIViewAnimationOptionBeginFromCurrentState//从当前状态开始动画
UIViewAnimationOptionRepeat//无限重复执行动画
UIViewAnimationOptionAutoreverse//执行动画回路
UIViewAnimationOptionOverrideInheritedDuration//忽略嵌套动画的执行时间设置
UIViewAnimationOptionOverrideInheritedOptions//不继承父动画设置
UIViewKeyframeAnimationOptionCalculationModeLinear//运算模式:连续
UIViewKeyframeAnimationOptionCalculationModeDiscrete//运算模式:离散
UIViewKeyframeAnimationOptionCalculationModePaced//运算模式:均匀执行
UIViewKeyframeAnimationOptionCalculationModeCubic//运算模式:平滑
UIViewKeyframeAnimationOptionCalculationModeCubicPaced//运算模式:平滑均匀

1.6 转场动画

1.6.1 从旧视图转到新视图的动画效果

//在该动画过程中，fromView会从父视图中移除，并讲toView添加到父视图中，注意转场动画的作用对象是父视图（过渡效果体现在父视图上）。
[UIView transitionFromView:(nonnullUIView*)
toView:(nonnullUIView*)
duration:(NSTimeInterval)
options:(UIViewAnimationOptions)
completion:^(BOOLfinished){
//动画执行完毕后的操作
}];

1.6.2单个视图的过渡效果

[UIViewtransitionWithView:(nonnullUIView*)
duration:(NSTimeInterval)
options:(UIViewAnimationOptions)
animations:^{
//执行的动画
}
completion:^(BOOLfinished){
//动画执行完毕后的操作
}];
2. UIView的类方法动画
[UIView beginAnimations:(nullableNSString*)context:(nullablevoid*)];                                         //开始动画

第一个参数：动画标识
第二个参数：附加参数，在设置了代理的情况下，此参数将发送到setAnimationWillStartSelector和setAnimationDidStopSelector所指定的方法。大部分情况下，我们设置为nil即可。

[UIView commitAnimations];                      //动画结束

动画参数的设置方法

//动画持续时间
[UIViewsetAnimationDuration:(NSTimeInterval)];
//动画的代理对象
[UIViewsetAnimationDelegate:(nullableid)];
//设置动画将开始时代理对象执行的SEL
[UIViewsetAnimationWillStartSelector:(nullableSEL)];
//设置动画结束时代理对象执行的SEL
[UIViewsetAnimationDidStopSelector:(nullableSEL)];
//设置动画延迟执行的时间
[UIViewsetAnimationDelay:(NSTimeInterval)];
//设置动画的重复次数
[UIViewsetAnimationRepeatCount:(float)];
//设置动画的曲线
[UIViewsetAnimationCurve:(UIViewAnimationCurve)];
UIViewAnimationCurve的枚举值如下：
UIViewAnimationCurveEaseInOut,//慢进慢出（默认值）
UIViewAnimationCurveEaseIn,//慢进
UIViewAnimationCurveEaseOut,//慢出
UIViewAnimationCurveLinear//匀速
//设置是否从当前状态开始播放动画
[UIViewsetAnimationBeginsFromCurrentState:YES];
//当为YES时：动画将从上一个动画所在的状态开始播放
//当为NO时：动画将从上一个动画所指定的最终状态开始播放（此时上一个动画马上结束）

//设置动画是否继续执行相反的动画
[UIViewsetAnimationRepeatAutoreverses:(BOOL)];
//是否禁用动画效果（对象属性依然会被改变，只是没有动画效果）
[UIViewsetAnimationsEnabled:(BOOL)];
//设置视图的过渡效果
[UIViewsetAnimationTransition:(UIViewAnimationTransition)forView:(nonnullUIView*)cache:(BOOL)];

第一个参数：UIViewAnimationTransition的枚举值如下
UIViewAnimationTransitionNone,//不使用动画
UIViewAnimationTransitionFlipFromLeft,//从左向右旋转翻页
UIViewAnimationTransitionFlipFromRight,//从右向左旋转翻页
UIViewAnimationTransitionCurlUp,//从下往上卷曲翻页
UIViewAnimationTransitionCurlDown,//从上往下卷曲翻页
第二个参数：需要过渡效果的View
第三个参数：是否使用视图缓存，YES：视图在开始和结束时渲染一次；NO：视图在每一帧都渲染

属性变化动画（以frame变化为例）实例

[UIView beginAnimations:@"FrameAni"context:nil];
[UIView setAnimationDuration:1.0];
[UIView setAnimationDelegate:self];
[UIView setAnimationWillStartSelector:@selector(startAni:)];
[UIView setAnimationDidStopSelector:@selector(stopAni:)];
[UIView setAnimationRepeatCount:1];
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
self.cartCenter.frame=self.centerShow.frame;
[UIView commitAnimations];

转场效果动画（以Flip效果为例）

[UIView beginAnimations:@"FlipAni"context:nil];
[UIView setAnimationDuration:1.0];
[UIView setAnimationDelegate:self];
[UIView setAnimationWillStartSelector:@selector(startAni:)];
[UIView setAnimationDidStopSelector:@selector(stopAni:)];
[UIView setAnimationRepeatCount:1];
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
[UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeftforView:self.centerShowcache:YES];
self.centerShow.image=[UIImageimageNamed:@"service"];
[UIView commitAnimations];
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • iOS动画（UIView动画）
    UIView动画简介 UIView动画实质上是对Core Animation的封装，提供简洁的动画接口。 UIVi...
    zhaihongxia阅读 852评论 0赞 0
  • UIView动画简介
    iOS的动画效果一直都很棒很，给人的感觉就是很炫酷很流畅，起到增强用户体验的作用。在APP开发中实现动画效果有很多...
    白水灬煮一切阅读 312评论 0赞 1
  • CALayer、Core Animation和UIView动画（1）
    概览 在iOS中随处都可以看到绚丽的动画效果，实现这些动画的过程并不复杂，今天将带大家一窥iOS动画全貌。在这里你...
    被吹落的风阅读 1,592评论 1赞 2
  • iOS 动画
    在iOS实际开发中常用的动画无非是以下四种：UIView动画，核心动画，帧动画，自定义转场动画。 1.UIView...
    请叫我周小帅阅读 3,142评论 1赞 23
  • iOS动画篇_UIView动画
    在开发工作中，我们会碰到大量的需要表现力的地方，那么动画便成为了我们开发过程中必不可少的知识点。 那么，首先我们从...
    穿山甲救蛇精阅读 2,600评论 2赞 15