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]; }
  • 实现效果

     

 
 

转载于:https://www.cnblogs.com/funny11/p/4961895.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值