OC - 22.隐式动画

简介

---

• 每个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];
  }

• 实现效果