iOS动画总结01

iOS 动画:1.试图动画 :UIview动画(动画块、过渡动画)

                   2.核心动画Core Animation(缩写CA):图层动画、隐式动      画、显式动画、关键帧动画

注释:其实UIview下的动画本质上也是在UIKit和core Animation框架下进行封装、优化实现的。UIkit通常通过Bool值开启动画效果,例如:

- (void)presentViewController:(UIViewController *)viewControllerToPresent animated: (BOOL)flag completion:(void (^ __nullable)(void))completion 

        每个视图都关联到一个图层(CALayer)对象,视图处理事件,图层上的动画、绘制可视效果都直接或间接的有图层处理。

视图支持动画的属性,包括frame、bounds、center、alpha、transform、 动画延迟时间、动画曲线(淡入/淡、淡入、淡出、线性等)动画过渡、重复次数、自动反转等属性。

一>.试图动画

1.动画块:

注释:其中的一下属性如动画曲线、过渡等属性也适用于过渡动画

[UIView beginAnimations:@"animation" context:nil];

/*动画内容:*/

[UIView commitAnimations];

注释:需要捕捉动画开始和结束时间,可设置UIView的动画代理delegate ,在这两个方法里实现回调  + (void)setAnimationWillStartSelector:(nullable SEL)selector;

      + (void)setAnimationDidStopSelector:(nullable SEL)selector;

由于上面的动画实现方法,代码量过多,于是封装的下面的实现动画并带有回调的代码块

UIView animateWithDuration: animations:

UIView animateWithDuration: animations: completion:

UIView animateWithDuration: delay: options: animations: completion:

2.过渡动画

[UIView beginAnimations:@"animation" context:nil];

[UIView setAnimationTransition:过渡样式枚举值   forView:  cache:];  

[UIView commitAnimations];

为了创建过渡动画的简便,于是就有了下面的方法:

[UIView transitionWithView: duration: options: animations: completion:] //在指定的视图容器内创建过渡动画

[UIView transitionFromView: toView: duration: options: completion:]  //在指定的两个视图之间创建动画过渡(duration:动画的持续时间  view:需要进行转场动画的视图、options:转场动画的类型、animations:将改变视图属性的代码放在这个Block里、completion:动画结束后,自动调用的Block)

//说明:options的参数曲线常量有淡入淡出(UIViewAnimationCurveEaseInOut)、淡入、淡出等。过渡的常量有 上翻(UIViewAnimationTransitionCurlUp)、下翻 等

二>.核心动画

说明:核心动画、基础动画(CABasicAnimation)、关键帧动画(CAKeyframeAnimation)、动画组、转场动画(CATransition)

一>.核心动画

准备:导入QuartzCore.framework框架

1.开发步聚

1>.初始化一个动画对象(CAAnimation)并且设置一些动画属性

2>.CALayer中很多属性都可以通过CAAnimation实现动画效果,包括:opacity、position、transform、bounds、contents等(可以在API文档中搜索:CALayer Animatable Properties)

3>.添加动画对象图层(CALayer)中,开始执行动画

4>.通过调用CALayer的addAnimation:forKey添加动画到(CALayer)中,就这样能触发动画。通过调用removeAnimationForKey可以停止层中的动画

5>.Core Animation的动画执行过程都是后台操作的,不会阻塞线程

2.属性

1>.duration: 动画的持续时间

2>.repeatCount: 重复次数(HUGE_VALF、MAX FLOAT无限重复)

3>.repeatDuration: 重复时间(这个属性用的比较少)

4>.removedOnCompletion: 默认为yes.动画执行完成后默认从图层中移除掉

5>.fillModel :填充模式

6>.biginTime:开始时间

7.timingFunction: 速度控制函数,控制动画节凑

8.delegate:动画相关的代理(遵从代理后可实现代理的方法)

二 >.基础动画(CABasicAnimation)

说明:如果只是实现简单属性变化的动画效果,可以使用UIView的块动画替代基本动画

1.属性说明

-fromValue:keyPath 相关的属性的初始值

-toValue:keyPath相应属性的结束值

2.动画过程说明

随着动画的执行,在duration的持续时间内,keyPath相应的属性从fromValue渐渐变为toValue,-keyPath内容是CALayer的可动画Animation属性,-如果fillMode=kCAFillModeForwards同时removedOnCompletion=NO,那么在动画执行完毕后,图层会保持显示动画执行后的状态,但在实质上,图层的属性值还是动画执行前的初始值,并没有真正改变。

三 >、关键帧动画

说明:关键帧动画只能从一个值到另外一个值,关键帧动画可以用一个数组保存一系列值

1. 属性说明

- values:所有的值(使用的较少)

-path:路线(如果设置了path,那么values将被忽略)

-keyTimes:可以为对应的关键帧制定对应的时间点,取值范围是0到1.0

2.动画过程分类

1>.初始化自定义视图,店家屏幕执行动画

2>.指定点路径平移动画(values)

3>.贝塞尔曲线动画 (path C语言框架CGMutablePathRef),需要手动释放内存)

4>.摇晃动画(修改旋转角度)

四>.动画组

说明:动画是可以并发执行的,-定义一个group组,定义动画,将动画加入到动画组中,可以给组设置属性

五.转场动画-CATransition

1.属性说明

-type:动画过渡类型

- startProgress: 动画起点(在整体动画的百分比)

- endProgress:动画终点(在整体动画的百分比)

-增加一个转场演示视图

-增加轻扫手势

-在轻扫手势方法中

1. 更改演示视图内容 

2. 创建转场动画效果

3.将转场动画添加到视图的图层

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 225,498评论 6 524
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 96,668评论 3 406
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 172,857评论 0 370
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 61,305评论 1 303
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 70,308评论 6 401
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 53,747评论 1 316
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 42,078评论 3 431
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 41,080评论 0 280
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 47,649评论 1 327
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 39,644评论 3 347
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 41,760评论 1 355
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 37,352评论 5 351
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 43,076评论 3 341
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 33,490评论 0 25
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 34,651评论 1 277
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 50,353评论 3 383
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 46,828评论 2 367

推荐阅读更多精彩内容

  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥ios动画全貌。在这里你可以看...
    每天刷两次牙阅读 8,523评论 6 30
  • 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌。在这里你可以看...
    F麦子阅读 5,124评论 5 13
  • 在iOS实际开发中常用的动画无非是以下四种:UIView动画,核心动画,帧动画,自定义转场动画。 1.UIView...
    请叫我周小帅阅读 3,123评论 1 23
  • 如果想让事情变得顺利,只有靠自己--夏尔·纪尧姆 上一章介绍了隐式动画的概念。隐式动画是在iOS平台创建动态用户界...
    夜空下最亮的亮点阅读 1,957评论 0 1
  • 前言 本文只要描述了iOS中的Core Animation(核心动画:隐式动画、显示动画)、贝塞尔曲线、UIVie...
    GitHubPorter阅读 3,643评论 7 11