闲话少说,直入主题吧还是,在ios开发中的动画实际有三种形式:
1.UIView动画,最基础的动画,主要是改变view的属性来达到动画的效果。
使用这个而动画可以实现如下效果:
1.1淡入淡出(主要改变view的透明度)
1.2位移(主要改变view的位置)
1.3缩放的效果(改变view的缩放比例)
CGAffineTransform transfarm = self.myView.transform;
self.myView.transform = CGAffineTransformScale(transfarm, 0.1, 0.1);//缩放比例
下面就给大家演示一下代码(以缩放效果为主,其他效果类似):
CGAffineTransform transfarm = self.view.transform;
self.view.transform = CGAffineTransformScale(transfarm, 0.1, 0.1);//动画开始前的缩放比例
[UIView animateWithDuration:0.2//动画持续时间 animations:^{
self.view.transform = CGAffineTransformScale(transfarm, 0.8, 0.8);//动画开始的缩放比例
} completion:^(BOOL finished) {
[UIView animateWithDuration:0.5 animations:^{
self.view.transform = CGAffineTransformScale(transfarm, 1, 1);//动画开结束的缩放比例
}];
}];
注意:如果动画结束时没有结束动画可以用下边的block来写
[UIView animateWithDuration:0.5 animations:^{
self.view.transform = CGAffineTransformScale(transfarm, 1, 1);//动画开结束的缩放比例
}];
下面演示的是父视图上面的两个子视图之间的切换动画效果:
[UIView transitionWithView:self.view duration:0.5 options:UIViewAnimationOptionTransitionFlipFromLeft(切换动画样式) animations:^{
//视图如何切换的代码(切换动画样式)
[self.view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];//切换父视图上面的两个子视图
} completion:^(BOOL finished) {
//结束时候的代码
}];
2.CATransition动画,主要用来两个视图切换过度的动画效果,对UIView的Layer进行控制,系统内置了几种效果,可以直接使用。
#import <QuartzCore/QuartzCore.h>
2.1、父视图上面两个子视图的切换
CATransition *animation = [CATransition animation];
animation.duration = 0.6;//设置动画时长
//加速方式可有以下几种:linear, easeIn, easeOut ,easeInEaseOut ,default
animation.timingFunction = [CAMediaTimingFunction functionWithName:@"easeInEaseOut"];
//动画类型可有以下几种:kCATransitionFade,kCATransitionMoveIn,kCATransitionPush,kCATransitionReveal
animation.type = kCATransitionFade;
animation.subtype = kCATransitionFromRight;
[self.view.layer addAnimation:animation forKey:nil];
[self.view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];
2.2、控制器之间的切换
CATransition *animation = [CATransition animation];
animation.duration = 0.6;
animation.timingFunction = [CAMediaTimingFunction functionWithName:@"easeInEaseOut"];
animation.type = kCATransitionFade;
[self.navigationController.view.layer addAnimation:animation forKey:nil];
ViewController *VC = [[ViewController alloc] init];
[self.navigationController pushViewController:VC animated:YES];
3.CAAnimation,核心动画,结合绘图可以实现灵活多变的动画效果。
CAKeyframeAnimation *k = [CAKeyframeAnimation animationWithKeyPath:@"position"];
NSValue *value1=[NSValue valueWithCGPoint:CGPointMake(100, 100)];
NSValue *value2=[NSValue valueWithCGPoint:CGPointMake(200, 100)];
NSValue *value3=[NSValue valueWithCGPoint:CGPointMake(200, 200)];
NSValue *value4=[NSValue valueWithCGPoint:CGPointMake(100, 200)];
NSValue *value5=[NSValue valueWithCGPoint:CGPointMake(100, 100)];
k.values=@[value1,value2,value3,value4,value5];
[self.view.layer addAnimation:k forKey:@"SHOW"];
Path方式:
CAKeyframeAnimation *animation = [CAKeyframeAnimation animation];
animation.keyPath = @"position";
CGMutablePathRef path=CGPathCreateMutable();
CGPathAddEllipseInRect(path, NULL, CGRectMake(150, 100, 100, 100));
animation.path=path;
animation.duration = 4.0f;
[self.view.layer addAnimation:animation forKey:nil];
keyPath可以使用的key
#define angle2Radian(angle) ((angle)/180.0*M_PI)
transform.rotation.x 围绕x轴翻转 参数:角度 angle2Radian(4)
transform.rotation 默认围绕z轴
transform.scale.x x方向缩放 参数:缩放比例 1.5
transform.scale 所有方向缩放 参数:同上
transform.translation.x x方向移动 参数:x轴上的坐标 100
transform.translation 移动 参数:移动到的点 (100,100)
opacity 透明度 参数:透明度 0.5
backgroundColor 背景颜色 参数:颜色 (id)[[UIColor redColor] CGColor]
cornerRadius 圆角 参数:圆角半径 5
borderWidth 边框宽度 参数:边框宽度 5
bounds 大小 参数:CGRect
contents 内容 参数:CGImage
contentsRect 可视内容 参数:CGRect 值是0~1之间的小数
hidden 是否隐藏
position
shadowColor
shadowOffset
shadowOpacity
shadowRadius