iOS动画编程-Layer动画[ 6 ] 高级时间控制Advanced Timing

最新推荐文章于 2020-12-23 05:57:58 发布
最新推荐文章于 2020-12-23 05:57:58 发布
阅读量192 收藏
点赞数
原文链接：https://segmentfault.com/a/1190000004949988
版权

UIView动画相比,Layer动画程序员能控制的东西显然多了很多,在时间控制我们不仅能实现UIViewAnimationOption中CurveEaseInOut/CurveEaseIn/CurveEaseOut/CurveLinear这样控制动画曲线的办法,还有更多的可以自定义的地方
这里我们就来共同来学习一下动画曲线的时间控制

CAMediaTimingFunction

CAMediaTimingFunction有一组预先定义好的用于控制动画曲线的函数

  • kCAMediaTimingFunctionLinear 线性变化, UIViewAnimationOptionCurveLinear的Layer级别实现

  • kCAMediaTimingFunctionEaseIn 开始较慢,结束时变化快,UIViewAnimationOption CurveEaseIn的Layer级别实现

  • kCAMediaTimingFunctionEaseOut 与kCAMediaTimingFunctionEaseIn相反,开始较快,结束时变化慢,UIViewAnimationOptionCurveEaseOut的Layer级别实现

  • kCAMediaTimingFunctionEaseInEaseOut 开始与结束时变化慢,中间变化较快,UIViewAnimationOptionCurveEaseInOut的Layer级别实现

我们可以将timingFunction作用在CAAnimation(及其子类)对象上

groupAnimation.timingFunction = CAMediaTimingFunction( name: kCAMediaTimingFunctionEaseIn)

CAMediaTimingFunction不仅可以通过字符串初始化为预先定义好的动画曲线,还可以创建自定义的动画曲线
通过添加控制点的方法,创建自定义动画曲线

CAMediaTimingFunction(controlPoints:(float)c1x :(float)c1y :(float)c2x :(float)c2y)

其他时间控制属性

重复动画

  • repeatCount 用于控制动画的重复次数

  • repeatDuration 用于控制总的重复时间

  • autoreverses 自动恢复原状

改变动画速度

  • speed 动画速度

weixin_34293902
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
动画缓冲 － CAMediaTimingFunction
CodingFire的博客
08-10 3041
关于CAAnimation的懂画执行，我们见过的组多的都是以匀速运动的，而实际上，物体的运动速度并不是匀速的，要么一直加速，要么先加速后减速等等，为了实现这一缓冲的过程，需要设置CAAnimation的timingFunction属性，它是CAMediaTimingFunction的一个对象，如果要设置隐式动画的计时函数，就设置CATransaction的+setAnimationTimingFun
iOS动画：组和时间函数（5）
tania的专栏
04-28 529
  前面我们已经学习了如何为一个单独的layer添加一些独立的动画，现在我们来介绍动画组CAAnimationGroup，添加彼此关联的动画。CAAnimationGroup也是继承至CAAnimation，如你所想，它也有前面你所熟知的一些属性，例如：beginTime、duration、fillMode、delegate和isRemovedOnCompletion。 let group...
iOS链式动画、Spring动画，TimingFunction扩展
weixin_33720078的博客
01-12 154
Summary AXAnimationChain是一个链式动画库，可以用来轻松的创建基于CAAnimation的链式动画。链的组合方式有两种，一种是组合，另一种则是链接，通过以上两种方式创建的动画，既可以同时进行，也可以按时间先后进行，可以使用较少的代码创建出丰富复杂的动画效果： 简单使用: _transitionView.sprin...
iOS核心动画高级技术(十) 缓冲(CAMediaTimingFunction)
weixin_34104341的博客
12-13 2249
In life, as in art, the beautiful moves in curves. 生活和艺术一样，最美的永远是曲线。 -- 爱德华布尔沃 - 利顿 Core Animation使用缓冲来使动 画移动更平滑更自然，而不是看起来的那种机械和人工，在这一章我们将要研究如 何对你的动画控制和自定义缓冲曲线。 #动画速度 动画实际上就是一段时间内的变化，这就暗示了变化一定是随着某个特...
iOS简单动画实现方案
有志者事竟成-程序员也可以创造优雅的艺术
02-10 401
一、仿射变换--CGAffineTransform1.仿射变换，一种基于二维坐标的转换功能。CGAffineTransform数据结构代表一个二维坐标系的转换矩阵。2.通过CGAffineTransform数据结构，可以构造二维坐标系内的平移、伸缩、旋转矩阵。详情可以参看苹果开发文档中关于该数据结构的解释。3.UIView类的一个属性：transform，该属性相对于bounds的中心位置，该属性
CAMdiaTimingFunction 用法
上善若水
10-17 1583
一：Animation Timing Curves   1：Linear Animation Timing   2：Ease-In Animation Timing   3:Ease-Out Animation Timing   4:Ease-In Ease-Out Animation Timing 5:Cust
iOS-Core-Animation-Advanced-Techniques(五)
sunyazhou13的专栏
01-07 742
图层时间和缓冲 图层时间 时间和空间最大的区别在于，时间不能被复用 -- 弗斯特梅里克 在上面两章中，我们探讨了可以用CAAnimation和它的子类实现的多种图层动画。动画的发生是需要持续一段时间的，所以计时对整个概念来说至关重要。在这一章中，我们来看看CAMediaTiming，看看Core Animation是如何跟踪时间的。 CAMediaTiming协议 C
CAMediaTimingFunction的使用
weixin_34268579的博客
04-13 519
CAMediaTimingFunction的使用   CAMediaTimingFunction可以用在POP动画的自定义动画当中,算是非常实用的工具,当然,系统的动画也是可以使用的.   效果:   需要用到的工具: https://github.com/YouXianMing/Tween-o-Matic-CN   测试用源码: // // ViewCon...
CAMediaTimingFunction相关
weixin_30952103的博客
05-10 106
一：Animation Timing Curves 1：Linear Animation Timing 2：Ease-In Animation Timing 3:Ease-Out Animation Timing 4:Ease-In Ease-Out Animation Timing 5:Custom Animation Timing ...
iOS CoreAnimation专题——原理篇（四）动画时间控制
DH's Den
06-07 1万+
这一章虽然叫做动画时间控制，然而我们并不会去深入到一般的动画时间中，我们将讨论的是CoreAnimation框架是如何来控制时间的。 这一章的大部分内容来自http://ronnqvi.st/controlling-animation-timing/，大家可以看看英文原版来加深理解，毕竟翻译能力有限。
IOS 30多个iOS常用动画，带详细注释
热门推荐
风---的专栏
03-19 4万+
// //  CoreAnimationEffect.h //  CoreAnimationEffect // //  Created by VincentXue on 13-1-19. //  Copyright (c) 2013年 VincentXue. All rights reserved. //   #import   /**  !  导入QuartzCore.framework  *
ios layer uiview 属性_iOS 一个隐藏的动画曲线
weixin_39914825的博客
12-23 136
摘要本文从代码的角度探讨了 iOS 键盘弹出的动画曲线的一些特点，并给出了精确模拟这个动画曲线的方法。同时也介绍了如何逐帧分解 iOS 动画，以及如何通过数据集拟合 Bezeir 曲线的控制点（Control Point）。（知乎不支持 GIF，动画无法演示，原文请看这里一个隐藏的动画曲线。如果觉得有帮助，别忘了回来赞一个 ;）一个隐藏的参数好看的曲线图中第一个动画有一个很好看的动画曲线，看起来很...
谈谈iOS Animation
leonpengweicn的专栏
12-06 1058
http://geeklu.com/2012/09/animation-in-ios/ 零.前言 这里没有太多的代码细节,只是探索iOS动画的基本概念,以及其抽象模型,数学基础等.我们学习一个知识的时候一般有两个部分,抽象部分和形象部分,抽象好比语言的语法,是规则,形象好比具体的句子,可以用来和别人交流的.抽象比形象难于理解,但比形象通用.其实数学中经常碰到抽象和形象的概念,比
css中animation属性animation-timing-function知识点以及属性值steps()详解
小白的博客
07-26 1万+
在animation中最重要的其实就是时间函数（animation-timing-function）这个属性，他决定了你的动画将以什么样的速度执行，所以最关键的属性值也就是cubic-bezier(n,n,n,n),你平时用到的linear、ease、ease-out等都是基于这个属性值的，那么我们接下来就看看这个东西到底是什么含义。 这个时间函数是通过一个坐标反映出来的： 这个就是tim...
去除layer改变frame的动画效果
同酱
04-19 2820
我的view有添加layer层，我在拖动tableview时需要动态改变这个view的大小，此时它的layer会出现动画效果  这与view的大小改变搭起来十分不协调。[CATransaction begin]; [CATransaction setDisableActions:YES]; _myLayer.frame = xxxxx; [CATransaction commit];...
[课题设计]SSM框架开发个人通讯录+jsp+Java前后端分离带论文和源码.zip
07-20
本项目是一个基于SSM框架开发的个人通讯录应用，采用JSP作为前端技术，实现了前后端分离。项目针对计算机相关专业的学生以及需要进行项目实战练习的Java学习者，提供了完整的源码、数据库脚本和开发说明，同时附带论文参考，可作为毕业设计或课程设计的优质资源。 在功能方面，该项目实现了基本的通讯录增删改查功能，用户可以通过前端界面录入、修改和查询联系人信息，后台则通过SSM框架进行数据处理和业务逻辑的实现。此外，项目还支持分页显示功能，提高了用户体验。 技术层面，项目采用了成熟的SSM框架进行开发，确保了代码的结构清晰、易于维护。数据库选用MySQL，稳定可靠，且易于扩展。开发环境包括JDK、IDEA和Tomcat，配置简单，便于上手。 经过严格的调试，项目已确保可稳定运行。对于有一定基础的Java学习者，还可以在此基础上进行功能拓展，进一步提升实战能力。
物联网工程_基于定点室内消毒物联网机器人设计.docx
07-20
物联网工程_基于定点室内消毒物联网机器人设计
C语言-水仙花数代码实现
最新发布
07-20
c语言，C语言--水仙花数，代码实现
计算机科学与技术_基于微信小程序的电影推荐系统的设计与实现.docx
07-20
计算机科学与技术_基于微信小程序的电影推荐系统的设计与实现
深入探索：iOS核心动画高级技术
隐式动画是通过修改图层属性自动触发的，而显式动画则通过CAAnimation类进行编程控制，可以精确地控制动画的时间、值变化和完成行为。 13. 图层时间（Layer Timing）：通过遵循CAMediaTiming协议，图层可以设置自己...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值