`

动画类型和动画时间简介

 
阅读更多

动画类型和动画时间简介

 

 

一:动画类的继承树

 

 

core animation 一下一些,可以用在你的app的animation class

(1)   CAAnimation 是一个抽象类,并且是所有动画类的基类。CAAnimation 实现了CAMediaTiming 协议,CAMediaTiming 提供一些关于动画设置的简单属性 duration、speed、 repeatCount、等等。CAAnimation 也实现了CAAction 协议,This protocol provides a standardized means for starting an animation in response to an action triggered by a layer (CAAction协议定义了层上启动一个动画的标准流程)

 

CAAnimation 用一个CAMediaTimingFunction 实例定义动画的持续时间。CAMediaTimingFunction 描述了动画过程作为一个简单的Bezier curve。一个线性的

时间函数指定了动画在执行时间内是没有一个跨度的(即时间是平均分配的)。ease-in timing function 让动画的执行速度越来越快。

 

(2)CAPropertyAnimation 是CAAnimation的一个抽象子类。CAPropertyAnimation提供了动画对key path 的支持。

 

(3) CABasicAnimationCAPropertyAnimation的子类,CABasicAnimation 对动画层的属性变化,提供了简单的动画插值。

(4) CAKeyframeAnimation是CAPropertyAnimation的子类,提供关键帧动画的支持。你可以为层的一个动画属性指定一个keypath,一组value(在动画的每个阶段呈现),关键帧时间值和时间函数。当动画运行的时候这些值在指定的阶段显示。

 

(5) CATransition 为layer的内容变化提供转换效果。fades, pushes, or reveals layer content 。在osx系统,这些过渡效果可以根据你提供的自定义的core image filter得到扩展。

 

(6) CAAnimationGroup 运行一组动画在同一时间运行。

分享到:
评论

相关推荐

    DirectX高级动画制作 电子书+源代码

    做好学习本书的准备工作 1.1 安装DirectX SDK 1.2 选择调试或发布库 1.3 设置编译器 1.4 使用本书的功能函数 1.5 更进一步 第2篇 动画基础 第2章 计时动画和运动 2.1 运用计时运动 2.2 在Windows中读取时间 ...

    swiper-animateControl最新动画效果1.03

    5、能够设置每一个动画效果的动画类型:进入动画、表演动画、退出动画(在animate.css的源码中,opacity值从0至100的是进入动画,没有opacity属性的是表演动画。opacity值从100到0的是退出动画)。 6、实现了排版...

    html5呈现3D动画的左右滚动焦点图代码.rar

     durationOut: 1500,// 幻灯片的动画时间。  easingIn: 'easeInOutQuint',// 宽松(类型转换)在动画的幻灯片。  easingOut: 'easeInOutQuint',// 宽松(类型转换)的幻灯片动画。  delayIn: 0,// 在动画幻灯...

    aos.js动画的用法

    aos-offset 是立刻触发动画还是在指定时间之后触发动画 200 120 aos-duration 动画持续时间 600 400 aos-easing 动画的easing动画效果 ease-in-sine ease aos-delay 动画的延迟时间 300 0 aos-anchor 锚元素。使用它...

    [Flash.ActionScript.3.0动画教程

    [Flash.ActionScript.3.0动画教程],这是一本...19.3 基于定时器和时间的动画 19.3.1 基于定时器的动画 19.3.2 基于时间的动画 19.4 相同质量物体之间的碰撞 19.5 声音集成 19.6 有用的公式 Making Things Move! 结束语

    详解iOS开发中的转场动画和组动画以及UIView封装动画

    CAAnimation的子类,用于做转场动画,能够为层提供移出屏幕和移入屏幕的动画效果。iOS比Mac OS X的转场动画效果少一点 UINavigationController就是通过CATransition实现了将控制器的视图推入屏幕的动画效果 属性解析...

    魔力宝贝图片动画提取器

    第一次使用的时候,要在设置页面选择一下游戏目录,然后点"应用"就可以了,也可以自己修改See4CG.ini里的路径。...如果保存类型为gif,则背景是透明的,动画模式会自动组合成动画gif。 暂时没有支持解地图……

    数学函数曲线编辑器(可带动画)

    可以设置自变量的作用域,动画的时间范围等。 可编程效果可以自定义变量,使用预置的绘图函数。 这个编辑器中隐藏着一个用mincsript脚本语言编写的测试小游戏,引擎将c++实现的渲染及输入等接口绑定到了mincsript...

    ios-UIView类别方法添加系统动画,只需一句话。.zip

    对系统动画做了简单封装,UIView扩充类别,一句话可调用系统各种动画。可设置动画类型,时间,初始方向。

    animateControl v1.0.3动画控制器

    5、能够设置每一个动画效果的动画类型:进入动画、表演动画、退出动画(在animate.css的源码中,opacity值从0至100的是进入动画,没有opacity属性的是表演动画。opacity值从100到0的是退出动画)。 6、实现了排版...

    选择计算机动画制作工具-教学设计.doc

    本节课以Flash为例来学习制作计算机动画的基础知识, 通过示范一些已做好的简单动画让学生掌握帧,图层,元件等基本概念,观看微视频让 学生理解动画的几种类型。通过对本节课内容的学习为学生如何用Flash软件制作出...

    Flash ActionScript 3.0高级动画教程

    用shader填充制作动画 指定shader的输入图片 使用shader作为滤镜 使用shader作为混合模式 总结 第十章 补间 引擎 Flash的Tween类 缓动方法 合并补间 Flex Tween类 Flex Tween类的缓动函数 5 Tween组合 Tween序列 补...

    【零基础学算法】 超详细动画讲解支持 Java, C++, Python, Go, JS, TS, C#, Swift等语言)

    时间复杂度、空间复杂度的推算方法、常见类型、示例等。 数据结构:基本数据类型,数据结构的分类方法。数组、链表、栈、队列、哈希表、树、堆、图等数据结构的定义、优缺点、常用操作、常见类型、典型应用、实现...

    源码 动画效果 animation的结合蝴蝶飞的动画,使用动画里面的几种类型.zip

    免责声明:资料部分来源...收取的费用仅用于收集和整理资料耗费时间的酬劳。 本人尊重原创作者或出版方,资料版权归原作者或出版方所有,本人不对所涉及的版权问题或内容负法律责任。如有侵权,请举报或通知本人删除。

    动画效果 animation的结合蝴蝶飞的动画,使用动画里面的几种类型(程序源码).zip

    免责声明:资料部分来源...收取的费用仅用于收集和整理资料耗费时间的酬劳。 本人尊重原创作者或出版方,资料版权归原作者或出版方所有,本人不对所涉及的版权问题或内容负法律责任。如有侵权,请举报或通知本人删除。

    精通DirectX.3D图形与动画程序设计.pdf

    出版社: 人民邮电出版社书号: 9787115159717发行时间: 2007年5月 地区: 大陆 语言: 简体中文 简介: 内容介绍:  本书系统全面地介绍了direct3d三维图形程序设计的相关内容。全书共分5个部分。第一部分介绍了...

    专业 2D 动画制作工具 Smith Micro Moho Pro 12.5.0 + x64 中文多语版.zip

    在动画制作和节省大量时间时,这可以极大地减少试错,这对于创意项目来说是非常宝贵的。 深度转移 在Z中向前和向后移动物体时,Depth Shifting 是保持其表观尺寸的选项。 Moho Pro 通过自动应用适当的比例来实现这...

    UMotion Pro ---- Unity角色模型制作动画编辑器

    功能强大的动画编辑器,可以在Unity中对任何类型的3D模型进行动画制作。即使在播放模式下,通过微调动画缩短开发时间。

    安卓源码 animation的结合蝴蝶飞的动画,使用动画里面的几种类型.zip

    免责声明:资料部分来源...收取的费用仅用于收集和整理资料耗费时间的酬劳。 本人尊重原创作者或出版方,资料版权归原作者或出版方所有,本人不对所涉及的版权问题或内容负法律责任。如有侵权,请举报或通知本人删除。

Global site tag (gtag.js) - Google Analytics