OC - 22.隐式动画

时间:2022-09-03 19:50:31

简介


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

    OC - 22.隐式动画

 
 

OC - 22.隐式动画的更多相关文章

  1. 非RootLayer的隐式动画

    非RootLayer都有隐式动画,默认0.25秒. // 1.开启 [CATransaction begin]; // 2.设置关闭 YES-关闭:NO-开启 [CATransaction setDi ...

  2. 利用UICollectionViewFlowLayout的隐式动画实现UICollectionView的layout的动画调整(外加放大指定cell效果)

    前几天在gitHub看到个不错的效果,就是DaiExpandCollectionView,效果如图:   所以赶紧下下来源码看看他怎么实现的,打开源码看了半天,发现他没写什么关于动画的代码啊... 经 ...

  3. IOS第18天(3,CALayer隐式动画)

    ******隐式动画(手指拖拽Layer) #import "HMViewController.h" @interface HMViewController () @propert ...

  4. iOS:CALayer的隐式动画的详解

    CALayer的隐式动画属性: •每一个UIView内部都默认关联着一个CALayer,称这个Layer为Root Layer.所有的非Root Layer都存在着隐式动画,隐式动画的默认时长为1/4 ...

  5. iOS中的隐式动画

    隐式动画就是指  在 非 人为在代码中 定义动画  而系统却默认  自带   的动画  叫做隐式动画. 比如  改变 图层  的颜色  位置  和   透明度  的时候    都会  产生附带的渐变的 ...

  6. CALayer的隐式动画和显式动画

    隐式事务 任何对于CALayer属性的修改,都是隐式事务,都会有动画效果.这样的事务会在run-loop中被提交. - (void)viewDidLoad { //初始化一个layer,添加到主视图 ...

  7. [iOS Animation]-CALayer 隐式动画

    隐式动画 按照我的意思去做,而不是我说的. -- 埃德娜,辛普森 我们在第一部分讨论了Core Animation除了动画之外可以做到的任何事情.但是动画是Core Animation库一个非常显著的 ...

  8. iOS动画学习 -隐式动画

    事务 Core Animation基于一个假设,说屏幕上的任何东西都可以(或者可能)做动画.你并不需要在Core Animation中手动打开动画,但是你需要明确地关闭它,否则它会一直存在. 当你改变 ...

  9. iOS边练边学--CALayer,非根层隐式动画,钟表练习

    一.CALayer UIView之所以能显示在屏幕上,完全是因为他内部的一个图层 在创建UIView对象时,UIView内部会自动创建一个图层(即CALayer对象),通过UIView的layer属性 ...

随机推荐

  1. PHP 原创视频教程-网站开发新手视频教程

    PHP 原创视频教程-网站开发新手视频教程 有偿招徒弟,,视频免费提供. 本视频教程,面向的是毫无经验的新手,快速上手的. 第一次做视频做的不好的,请各位看官多多包含. 第一部分,HTML 视频教程 ...

  2. 抽象数据类型Triplet的C语言实现

    #include <stdio.h> #include <stdlib.h> #define ERROR 0 #define OK 1 typedef int Status; ...

  3. 不同的strcmp

    Android libc中的strcmp https://android.googlesource.com/platform/bootable/bootloader/legacy/+/donut-re ...

  4. hdu4725 The Shortest Path in Nya Graph

    这道题看了下很多人都是把每一层拆成两个点然后建图做的. 我的思路很直接,也不用建图,直接在更新每个点时更新他相邻的边和相邻的层,当然前提是每个点只更新一次,每个层也只更新一次,这样才能确保时间复杂度. ...

  5. 51cto大数据培训路线

    Java Java IO/NIO JVM原理与配置.调优 Socket 网络套接字技术 Java Collection java Reflection 多线程与并发编程 设计模式 Collection ...

  6. Erlang cowboy 入门参考

    Erlang cowboy 入门参考 cheungmine,2014-10-28 本文翻译自: http://ninenines.eu/docs/en/cowboy/HEAD/guide/gettin ...

  7. &lbrack;Swift&rsqb;LeetCode871&period; 最低加油次数 &vert; Minimum Number of Refueling Stops

    A car travels from a starting position to a destination which is target miles east of the starting p ...

  8. Python3 与 C&num; 网络编程之~ 网络基础篇

    最新版本查看:https://www.cnblogs.com/dotnetcrazy/p/9919202.html 入门篇 官方文档:https://docs.python.org/3/library ...

  9. EnglishGame

    https://github.com/zhangxue520/EnglishGame/blob/master/EnglishGame <程序设计实践I> 题目:       打字训练测试软 ...

  10. cocos2d-x游戏引擎核心之四——动作调度机制

    一.动作机制的用法 在深入学习动作机制在 Cocos2d-x 里是如何实现的之前,我们先来学习整套动作机制的用法,先知道怎么用,再深入学习它如何实现,是一个很好很重要的学习方法. (1)基本概念 CC ...