iOS开发 UI--动画

#import "ViewController.h"

@interface ViewController ()

@property (nonatomic,strong)UIView *myView;

//转场动画 切换的视图

@property (nonatomic,strong)UIView *firstView;

@property (nonatomic,strong)UIView *secondView;

//转场动画 标记是否正在进行动画

@property (nonatomic,assign)BOOL isAnimating;

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

/*

动画：1.UIView自带动画效果

2.Layer层动画

3.CGAffineTransform2D变换

4.核心动画

*/

self.myView = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 100, 100)];

self.myView.backgroundColor = [UIColor cyanColor];

//圆角

// self.myView.layer.cornerRadius =50;

// self.myView.layer.masksToBounds = YES;

[self.view addSubview:self.myView];

//CAAnimation

// self.myView.layer.position =CGPointMake(0, 0);

// self.myView.layer.anchorPoint = CGPointMake(0,0);

// Layer 图层

/* CALayer *layer = [[CALayer alloc] init];

//

layer.frame = CGRectMake(150, 300, 80, 80);

layer.backgroundColor = [UIColor yellowColor].CGColor;

//layer的属性

//layer.masksToBounds = YES;

layer.cornerRadius = 40;

//阴影

layer.shadowColor = [UIColor redColor].CGColor;

//偏移量

layer.shadowOffset = CGSizeMake(10, 10);

//透明程度

layer.shadowOpacity = 1;

//雨化效果

layer.shadowRadius = 30;

//锚点和位置

layer.position = CGPointMake(100, 200);//位置，将锚点对应的指定的点上

layer.anchorPoint = CGPointMake(0, 0);//锚点，基准点，旋转和缩放以该点为基准点

[self.view.layer addSublayer:layer];;

*/

//转场动画 初始化两个视图

/* self.firstView = [[UIView alloc] init];

self.firstView.frame = self.myView.bounds;

self.firstView.backgroundColor = [UIColor blueColor];

[self.myView addSubview:self.firstView];

self.secondView = [[UIView alloc] init];

self.secondView.frame = self.myView.bounds;

self.secondView.backgroundColor = [UIColor yellowColor];//不添加在myView上

*/

}

-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{

#pragma mark UIView动画 ---属性动画

/*

[UIView beginAnimations:@"属性动画" context:nil];

[UIView setAnimationDuration:0.1];

// 颜色的变换会有渐变的效果

self.myView.backgroundColor = [UIColor colorWithRed:arc4random()%256/255.0 green:arc4random()%256/255.0 blue:arc4random()%256/255.0 alpha:1];

// 大小的变化 会有一个大小的过度

// self.myView.frame = CGRectMake(self.myView.frame.origin.x, self.myView.frame.origin.y, self.myView.frame.size.width * 1.2, self.myView.frame.size.height * 1.2);

// 抖动

CGPoint p = self.view.center;

self.view.frame = CGRectMake(self.view.frame.origin.x + 20, self.view.frame.origin.y, self.view.frame.size.width, self.view.frame.size.height);

self.view.frame = CGRectMake(self.view.frame.origin.x + 20, self.view.frame.origin.y, self.view.frame.size.width, self.view.frame.size.height);

[UIView setAnimationRepeatCount:10];//动画重复的次数

self.view.center = p;

[UIView commitAnimations];//提交动画

// [UIView beginAnimations:@"1" context:nil];

// [UIView setAnimationRepeatCount:99.5];

// self.view.center = p;

// [UIView commitAnimations];

// 设置是否有路径回退效果

// [UIView setAnimationRepeatAutoreverses:YES];

// 设置重复次数

// [UIView setAnimationRepeatCount:99.5];

// 位置的变换会有一个位置的平移效果

// self.myView.center = CGPointMake(arc4random() % 275 + 50, arc4random() % 636 + 50);

// [UIView commitAnimations];

*/

//第二种

/* [UIView animateWithDuration:1 animations:^{

self.myView.backgroundColor = [UIColor colorWithRed:arc4random()%256/255.0 green:arc4random()%256/255.0 blue:arc4random()%256/255.0 alpha:1];

}];

*/

#pragma mark UIView动画 ---转场动画

/*

if (!_isAnimating) {

_isAnimating = YES;//标记正字啊进行动画

[UIView transitionWithView:_myView duration:1 options:UIViewAnimationOptionTransitionFlipFromBottom animations:^{

if (self.firstView.superview != self.myView) {

[self.secondView removeFromSuperview];

[self.myView addSubview:self.firstView];

}else{

[self.firstView removeFromSuperview];

[self.myView addSubview:self.secondView];

}

} completion:^(BOOL finished) {

_isAnimating = NO;

}];

}

*/

#pragma mark Layer

/*

Layer是图层，UIView其实是分两层的，上面一层是透明的框负责处理用户响应，下面一层是图层，负责图形的绘制

*/

#pragma mark CGAffineTransform2D 仿射变换属性

//设置动画效果

[UIView beginAnimations:@"仿射变换" context:nil];

//设置动画速度

[UIView setAnimationDuration:1];

//旋转

/* //self.myView.transform = CGAffineTransformMakeRotation(M_PI_2);

//旋转无限次

// CGAffineTransform transform = self.myView.transform;

// self.myView.transform = CGAffineTransformRotate(transform, M_PI_2 * 10);

*/

//缩放

/*

// self.myView.transform = CGAffineTransformMakeScale(2, 1);

//多次缩放

CGAffineTransform transform = self.myView.transform;

self.myView.transform = CGAffineTransformScale(transform, 1, 1.1);

*/

//提交动画

[UIView commitAnimations];

#pragma mark CAAnimation

//1.CABaseAnimation：进行layer层的旋转

/*

CABasicAnimation *base = [CABasicAnimation animationWithKeyPath:@"transform.rotation"];//后面的字符串是固定的名字，读取系统的文件信息

//持续时间

base.duration = 50;

//起始的角度

base.fromValue = @(0);

//终止的角度

base.toValue = @(M_PI_2 * 10000);

//将这个动画添加到layer上

[self.myView.layer addAnimation:base forKey:@"base"];

*/

//2.CAKeyFrameAnimation 用于颜色改变的

/*

CAKeyframeAnimation *key1 = [CAKeyframeAnimation animationWithKeyPath:@"backgroundColor"];

//使用

key1.duration =5;

id c1 = (id)[UIColor greenColor].CGColor;

id c2 = (id)[UIColor blackColor].CGColor;

id c3 = (id)[UIColor yellowColor].CGColor;

id c4 = (id)[UIColor redColor].CGColor;

key1.values = @[c1,c2,c3,c4];

//添加动画

[self.myView.layer addAnimation:key1 forKey:@"color"];

self.myView.backgroundColor = [UIColor blackColor];

*/

//3.位置的改变

/*

CAKeyframeAnimation *key2 = [CAKeyframeAnimation animationWithKeyPath:@"position"];

key2.duration = 5;

NSValue *v1 = [NSValue valueWithCGPoint:CGPointMake(0, 0)];

NSValue *v2 = [NSValue valueWithCGPoint:CGPointMake([UIScreen mainScreen].bounds.size.width - 100, 0)];

NSValue *v3 = [NSValue valueWithCGPoint:CGPointMake([UIScreen mainScreen].bounds.size.width - 100, [UIScreen mainScreen].bounds.size.height - 100)];

NSValue *v4 = [NSValue valueWithCGPoint:CGPointMake(0 , [UIScreen mainScreen].bounds.size.height - 100)];

key2.values = @[v1,v2,v3,v4,v1];

// [self.myView.layer addAnimation:key2 forKey:@"position"];

*/

//动画组

/*

同时将多个动画分组，按组添加，

*/

/*

CAAnimationGroup *group = [CAAnimationGroup animation];

group.duration = 5;

group.animations = @[key2,key1];

[self.myView.layer addAnimation:group forKey:@"group"];

*/

//CATransition(切换特效)

CATransition *transition = [CATransition animation];

transition.duration = 1;//设置时间

transition.type = @"pageUnCurl";//设置切换的类型

transition.subtype = kCATransitionFromLeft;//设置切换的子类型

[self.myView.layer addAnimation:transition forKey:@"transition"];

}

@end