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

推荐阅读更多精彩内容

  • UIView动画简介 UIView动画实质上是对Core Animation的封装,提供简洁的动画接口。 UIVi...
    zhaihongxia阅读 514评论 0 0
  • iOS的动画效果一直都很棒很,给人的感觉就是很炫酷很流畅,起到增强用户体验的作用。在APP开发中实现动画效果有很多...
    白水灬煮一切阅读 144评论 0 1
  • 概览 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌。在这里你...
    被吹落的风阅读 937评论 0 1
  • 在iOS实际开发中常用的动画无非是以下四种:UIView动画,核心动画,帧动画,自定义转场动画。 1.UIView...
    请叫我周小帅阅读 2,473评论 1 23
  • 在开发工作中,我们会碰到大量的需要表现力的地方,那么动画便成为了我们开发过程中必不可少的知识点。 那么,首先我们从...
    穿山甲救蛇精阅读 1,762评论 2 15
  • 菖蒲艾叶立门窗,举国上下庆端阳,河里龙舟相竞渡,咚咚锵,谁复吊沅江? 车水马龙摆岸堤,老女男少论战绩,雄黄美酒清樽...
    金奇老师阅读 203评论 0 3
  • 20170824星期四秋高气爽,时不时再来个闷热,今天有秋老虎的感觉。还有两天就要开学了,心情非常激动。计划明天做...
    璇戎爸爸阅读 56评论 0 0
  • 猪狗是一只如假包换的狗,一只地地道道的中华田园犬。 我们家养狗养猫起名字这样文艺气质的活儿一般都被我这个家中长女以...
    不远了阅读 655评论 1 2
  • 问题来源:从缓存中取出的数据没有空格和换行,很难阅读,但又找不到像JSON一样的在线格式化工具。灵机一动,自己写了...
    lynch0571阅读 1,215评论 8 4