1.隐式动画概述
- 每一个UIView内部都默认关联着一个CALayer,我们可用称这个Layer为Root Layer(根层)
- 所有的非Root Layer,也就是手动创建的CALayer对象,都存在着隐式动画
- 当对非Root Layer的部分属性进行修改时,默认会自动产生一些动画效果,这种效果我们称之为隐式动画
- 这些属性称为Animatable Properties(可动画属性),在系统头文件属性描述中有Animatable的都可以实现动画效果
-列举几个常见的Animatable Properties:
- bounds:用于设置CALayer的宽度和高度。修改这个属性会产生缩放动画
- backgroundColor:用于设置CALayer的背景色。修改这个属性会产生背景色的渐变动画
- position:用于设置CALayer的位置。修改这个属性会产生平移动画
2.隐式动画代码示例
- 效果图
- 代码示例
@interface ViewController ()
@property (nonatomic, weak) CALayer *imageLayer;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
CALayer *layer = [CALayer layer];
_imageLayer = layer;
layer.backgroundColor = [UIColor redColor].CGColor;
layer.frame = CGRectMake(100, 100, 100, 100);
layer.contents = (id)[UIImage imageNamed:@"阿狸头像"].CGImage;
[self.view.layer addSublayer:layer];
}
-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{
[CATransaction begin];
[CATransaction setAnimationDuration:1.0];
_imageLayer.backgroundColor = [self randomColor].CGColor;
_imageLayer.position = CGPointMake(arc4random_uniform(375), arc4random_uniform(500));
_imageLayer.cornerRadius = arc4random_uniform(51);
_imageLayer.masksToBounds = YES;
_imageLayer.borderWidth = arc4random_uniform(10);
_imageLayer.borderColor = [self randomColor].CGColor;
_imageLayer.shadowOpacity = YES;
_imageLayer.shadowColor = [self randomColor].CGColor;
_imageLayer.shadowRadius = arc4random_uniform(20);
[CATransaction commit];
}
-(UIColor *)randomColor{
CGFloat r = arc4random_uniform(256);
CGFloat g = arc4random_uniform(256);
CGFloat b = arc4random_uniform(256);
return [UIColor colorWithRed:r / 255.0 green:g / 255.0 blue:b / 255.0 alpha:1];
}