两种加载动效
image.png
- (void)animation1
{
CAReplicatorLayer *layer = [[CAReplicatorLayer alloc] init];
[layer setBounds:CGRectMake(0, 0, 160, 60)];
[layer setPosition:self.view.center];
[layer setBackgroundColor:[UIColor greenColor].CGColor];
layer.instanceCount = 4;
layer.instanceTransform = CATransform3DMakeTranslation(40.0, 0.0, 0.0);
layer.instanceDelay = 0.33;
// layer.masksToBounds = YES;
[self.view.layer addSublayer:layer];
CALayer *bar = [[CALayer alloc] init];
[bar setBounds:CGRectMake(0, 0, 8, 40)];
[bar setPosition:CGPointMake(10, 75)];
[bar setCornerRadius:2];
[bar setBackgroundColor:[UIColor redColor].CGColor];
[layer addSublayer:bar];
CABasicAnimation *moveAnim = [CABasicAnimation animationWithKeyPath:@"position.y"];
moveAnim.toValue = @(bar.position.y - 35.0);
moveAnim.duration = 0.5;
moveAnim.autoreverses = YES;
moveAnim.repeatCount = MAXFLOAT;
[bar addAnimation:moveAnim forKey:nil];
}
image.png
- (void)animation2
{
CAReplicatorLayer *layer = [[CAReplicatorLayer alloc] init];
[layer setBounds:CGRectMake(0, 0, 200, 200)];
[layer setPosition:self.view.center];
[layer setBackgroundColor:[UIColor colorWithWhite:0 alpha:0.75].CGColor];
[layer setCornerRadius:10];
layer.instanceColor = [UIColor redColor].CGColor;
// layer.instanceCount = 3;
// layer.instanceTransform = CATransform3DMakeTranslation(20.0, 0.0, 0.0);
// layer.instanceDelay = 0.33;
layer.masksToBounds = YES;
[self.view.layer addSublayer:layer];
CALayer *dot = [[CALayer alloc] init];
dot.bounds =CGRectMake(0, 0, 14, 14) ;
dot.position = CGPointMake(100, 40);
dot.backgroundColor = [UIColor colorWithWhite:.8 alpha:1].CGColor;
dot.borderColor = [UIColor colorWithWhite:1 alpha:1].CGColor;
dot.cornerRadius = 7;
[layer addSublayer:dot];
NSInteger nrDots = 15;
CFTimeInterval duration = 1.5;
layer.instanceCount = nrDots;
CGFloat angle = (CGFloat)(2*M_PI) / nrDots;
layer.instanceTransform = CATransform3DMakeRotation(angle, 0.0, 0.0, 1.0);
layer.instanceDelay = duration/nrDots;
CABasicAnimation *shrink = [CABasicAnimation animationWithKeyPath:@"transform.scale"];
shrink.fromValue = @(1.0);
shrink.toValue = @(0.1);
shrink.duration = duration;
shrink.repeatCount = MAXFLOAT;
[dot addAnimation:shrink forKey:nil];
}
输入框抖动动效
- (void)shake {
CAKeyframeAnimation *keyFrame = [CAKeyframeAnimation animationWithKeyPath:@"position.x"];
keyFrame.duration = 0.3;
CGFloat x = self.layer.position.x;
keyFrame.values = @[@(x - 30), @(x - 30), @(x + 20), @(x - 20), @(x + 10), @(x - 10), @(x + 5), @(x - 5)];
[self.layer addAnimation:keyFrame forKey:@"shake"];
}
核心动效
#if 0
//基础动画(放大缩小)
CABasicAnimation *scaleAnimation = [CABasicAnimation new];
scaleAnimation.fromValue = @(1.0);
scaleAnimation.toValue = @(0.1);
//scaleAnimation.duration = 2.0f;
scaleAnimation.keyPath = @"transform.scale";
//动画只能添加到图层之上
//[self.imageView.layer addAnimation:scaleAnimation forKey:@"scale"];
//移除动画
//[self.imageView.layer removeAnimationForKey:@"scale"]
#endif
#if 0
//(翻转)
CABasicAnimation *rotationAnimation = [CABasicAnimation new];
rotationAnimation.keyPath = @"transform.rotation";
//旋转90读
rotationAnimation.toValue = @(M_PI/2.0);
//rotationAnimation.duration = 2.0f;
//[self.imageView.layer addAnimation:rotationAnimation forKey:@"rotation"];
#endif
#if 0
//平移
CABasicAnimation *translationAnimation = [CABasicAnimation new];
translationAnimation.keyPath = @"transform.translation.y";
translationAnimation.toValue = @(200);
//translationAnimation.duration = 2.0f;
//[self.imageView.layer addAnimation:translationAnimation forKey:@"translation"];
#endif
#if 0
//组合动画
CAAnimationGroup *groupAnimation = [CAAnimationGroup new];
groupAnimation.animations = @[scaleAnimation,rotationAnimation,translationAnimation];
groupAnimation.repeatCount = MAXFLOAT;
groupAnimation.duration = 2.0;
[self.imageView.layer addAnimation:groupAnimation forKey:@"group"];
#endif
#if 0
//关键帧动画
CAKeyframeAnimation *keyFramAnimation = [CAKeyframeAnimation new];
keyFramAnimation.keyPath = @"position";
keyFramAnimation.duration = 3.0;
keyFramAnimation.repeatCount = MAXFLOAT;
NSValue *value1 = [NSValue valueWithCGPoint:CGPointMake(100, 300)];
NSValue *value2 = [NSValue valueWithCGPoint:CGPointMake(200, 300)];
NSValue *value3 = [NSValue valueWithCGPoint:CGPointMake(200, 400)];
NSValue *value4 = [NSValue valueWithCGPoint:CGPointMake(100, 400)];
NSValue *value5 = [NSValue valueWithCGPoint:CGPointMake(100, 300)];
//设置移动的路径
keyFramAnimation.values = @[value1,value2,value3,value4,value5];
//设置动画永远处于最新的状态
keyFramAnimation.fillMode = kCAFillModeForwards;
//动画结束后不自动移除动画
keyFramAnimation.removedOnCompletion = NO;
//设置动画节奏
keyFramAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];
[self.imageView.layer addAnimation:keyFramAnimation forKey:@"keyFramAnimation"];
#endif
#if 0
//设置转圈
CAKeyframeAnimation *keyFramAnimation = [CAKeyframeAnimation new];
keyFramAnimation.duration = 3.0f;
keyFramAnimation.repeatCount = MAXFLOAT;
//创建一个路径
CGPathRef path = CGPathCreateWithEllipseInRect(CGRectMake(100, 300, 200, 300), nil);
//设置路径
keyFramAnimation.path = path;
//控制器动画的元素是位置点
keyFramAnimation.keyPath = @"position";
//设置动画永远处于最新的状态
keyFramAnimation.fillMode = kCAFillModeForwards;
//动画结束后不自动移除动画
keyFramAnimation.removedOnCompletion = NO;
//设置动画节奏
keyFramAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];
[self.imageView.layer addAnimation:keyFramAnimation forKey:@"keyFramAnimation"];
#endif
CAKeyframeAnimation *keyFramAnimation = [CAKeyframeAnimation new];
keyFramAnimation.keyPath = @"transform.rotation";
NSValue *value1 = @(M_PI_4);
NSValue *value2 = @(-M_PI_4);
keyFramAnimation.values = @[value1,value2,value1];
keyFramAnimation.duration = 0.1f;
keyFramAnimation.repeatCount = MAXFLOAT;
//设置动画永远处于最新的状态
keyFramAnimation.fillMode = kCAFillModeForwards;
//动画结束后不自动移除动画
keyFramAnimation.removedOnCompletion = NO;
[self.imageView.layer addAnimation:keyFramAnimation forKey:@"rotation"];
转场动画
- (IBAction)transitionAction:(id)sender {
/**
* {@"cube",@"suckEffect",@"oglFlip",@"rippleEffect",@"pageCurl",@"pageUnCurl",@"cameraIrisHollowOpen",@"cameraIrisHollowClose"};
*/
//转场动画
CATransition *transition = [CATransition new];
//设置动画类型
transition.type = @"oglFlip";
//transition.subtype = kCATransitionFromLeft;
transition.duration = 2.0f;
//[self.imageView.layer addAnimation:transition forKey:@"transition"];
//自定义转场动画
[self.view.superview.layer addAnimation:transition forKey:@"transition"];
UIStoryboard *storyboard = [UIStoryboard storyboardWithName:@"Main" bundle:nil];
ViewControllerA *ctlA = [storyboard instantiateViewControllerWithIdentifier:@"ViewControllerA"];
[self presentViewController:ctlA animated:NO completion:nil];
}
进度条动画
-(instancetype)initWithFrame:(CGRect)frame{
_trackLayer = [CAShapeLayer new];
_trackLayer.fillColor = nil;
_trackLayer.frame = self.bounds;
[self.layer addSublayer:_trackLayer];
_progressLayer = [CAShapeLayer new];
_progressLayer.fillColor = nil;
_progressLayer.lineCap = kCALineCapSquare;
[self.layer addSublayer:_progressLayer];
_progressLayer.frame = self.bounds;
self.backgroundColor = [UIColor whiteColor];
//默认为5
self.progressWidth = 5;
_progress = 0.0f;
}
-(void)setTrack{
_trackPath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(self.bounds.size.width/2, self.bounds.size.height/2) radius:(self.bounds.size.width - _progressWidth) / 2 startAngle:0 endAngle:M_PI * 2 clockwise:YES];
_trackLayer.path = _trackPath.CGPath;
}
-(void)setProgress{
_progressPath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(self.bounds.size.width/2, self.bounds.size.height/2) radius:(self.bounds.size.width - _progressWidth) / 2 startAngle:0 endAngle:_progress clockwise:YES];
_progressLayer.path = _progressPath.CGPath;
}