简介
- 每个UI控件,默认自动创建一个图层(根图层),即每个UI控件对应于至少一个图层
-
每一个UIView内部都默认关联着一个CALayer,我们可用称这个Layer为Root Layer(根层)
-
所有的非Root Layer,也就是手动创建的CALayer对象,都存在着隐式动画什么是隐式动画?
-
当对非Root Layer的部分属性进行修改时,默认会自动产生一些动画效果
-
而这些属性称为Animatable Properties(可动画属性)
-
常见的可执行隐式动画的属性
-
位置与尺寸
- anchorPoint,锚点
- position,位置
- bounds, 尺寸
- frame,位置与尺寸
- transform,形变
-
appearance
- backgroundColor,背景色
- hidden,是否隐藏
- opacity,透明度
- maskToBounds,是否剪切超出图层区域的的内容
- cornerRadius,圆角半径
-
边框
- borderWidth,边框宽度
- borderColor,边框颜色
-
阴影
- shadowColor,背景颜色
- shadowOffset,背景偏移量
- shadowOpacity,背景透明度
- shadowPath,背景边框的路径,即背景显示什么形状的图形
- shadowRaduis,背景的圆角半径
-
示例
-
通过storyboard创建一个UIView对象,并拥有该对象
@property (weak, nonatomic) IBOutlet UIView *blueView;
-
点击屏幕,动态修改图层的可动画属性
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { //通过随机数产生随机的旋转角度 CGFloat angle = angleToRadion(arc4random_uniform(360) + 1); //旋转 self.blueView.layer.transform = CATransform3DMakeRotation(angle, 0, 0, 1); //移动到随机位置(50~249, 50~449) self.blueView.layer.position = CGPointMake(arc4random_uniform(200) + 50, arc4random_uniform(400) + 50); //设置随机的圆角半径 self.blueView.layer.cornerRadius = arc4random_uniform(50); //设置随机的背景颜色 self.blueView.layer.backgroundColor = [self randomColor].CGColor; //设置随机的边框宽度 self.blueView.layer.borderWidth = arc4random_uniform(10); //设置随机的边框颜色 self.blueView.layer.borderColor = [self randomColor].CGColor; }
-
产生随机颜色的方法
- (UIColor *)randomColor { return [UIColor colorWithRed:arc4random_uniform(256) / 255.0 green:arc4random_uniform(256) / 255.0 blue:arc4random_uniform(256) / 255.0 alpha:1]; }
-
实现效果