UIView动画简介

773 阅读3分钟

UIView动画实质上是对CoreAnimation的封装,提供简洁的动画接口。

UIView动画可以设置的动画属性有:

1、大小变化(frame)

2、拉伸变化(bounds)

3、中心位置(center)

4、旋转(transform)

5、透明度(alpha)

6、背景颜色(backgroundColor)

7、拉伸内容(contentStretch)

UIview类方法动画 动画的开始和结束方法 1.1动画开始标记

[UIViewbeginAnimations:(nullableNSString *)context:(nullablevoid*)];复制代码 第一个参数:动画标识

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

1.2结束动画标记

[UIViewcommitAnimations];

  1. 动画参数的设置方法

//动画持续时间 [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:视图在每一帧都渲染

  1. 实例代码: 1、属性变化动画(以frame变化为例)
-(void)changeFrame{
[UIViewbeginAnimations:@"FrameAni"context:nil];
[UIViewsetAnimationDuration:1.0];
[UIViewsetAnimationDelegate:self];
[UIViewsetAnimationWillStartSelector:@selector(startAni:)];
[UIViewsetAnimationDidStopSelector:@selector(stopAni:)];
[UIViewsetAnimationRepeatCount:1];
[UIViewsetAnimationCurve:UIViewAnimationCurveEaseInOut];
self.cartCenter.frame=self.centerShow.frame;
[UIViewcommitAnimations];
}
-(void)startAni:(NSString*)aniID{
NSLog(@"%@start",aniID);
}
-(void)stopAni:(NSString*)aniID{
NSLog(@"%@stop",aniID);
}

UIviewBlock动画 1、最简洁的Block动画:包含时间和动画

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

2、带有动画完成回调的Block动画

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

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

[UIViewanimateWithDuration:(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//转场,从下向上旋转翻页