iOS Animation各种动画效果

原创 2016年06月01日 14:57:03

//图片进度显示效果,什么时间点显示到什么程度

CAKeyframeAnimation* animation = [CAKeyframeAnimation animationWithKeyPath:@"strokeEnd"];
animation.duration = 1;
animation.values = @[@(0), @(1),@(0.75)];
animation.keyTimes = @[@(0), @(0.6), @(1)];
animation.repeatCount = 1;
[animation setRemovedOnCompletion:NO];
animation.fillMode = kCAFillModeForwards;
[_imageView.layer addAnimation:animation forKey:nil];


//图片从无到有显示动画效果

CABasicAnimation *basicAnimation = [CABasicAnimation animationWithKeyPath:@"strokeEnd"];
basicAnimation.duration = 2;
basicAnimation.fromValue = [NSNumber numberWithInteger:0];
basicAnimation.toValue = [NSNumber numberWithInteger:1];
[layer addAnimation:basicAnimation forKey:@"strokeEnd"];
[_imageView.layer addSublayer:layer];


//图片显示的各种动画效果

CATransition *animation = [CATransition animation];
[animation setDuration:1.0];
[animation setFillMode:kCAFillModeForwards];
[animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]];
[animation setType:@"rippleEffect"];//@"cube" @"moveIn" @"reveal" @"fade"(default) @"pageCurl" @"pageUnCurl" @"suckEffect" @"rippleEffect" @"oglFlip"
[animation setSubtype:kCATransitionFromTop];
[_imageView.layer addAnimation:animation forKey:nil];


//图片位移之惯性效果

CASpringAnimation *animation = [CASpringAnimation animationWithKeyPath:@"position.x"];
animation.damping = 5;
animation.stiffness = 100;
animation.mass = 1;
animation.initialVelocity = 0;
animation.fromValue = _imageView.layer.position.x;
animation.toValue = _imageView.layer.position.x+200;
animation.duration = 3;
[_imageView.layer addAnimation:animation forKey:nil];





史上最全-iOS开发中所用的动画 效果看这里就够了

前言 上次总结了多线程的用法,这次再复习下iOS动画的东西.这次依然先是以api为主,因为好多人还是api好多的东西还不会用.然后中间穿插些例子,例子和代码文章中都会有.因为篇幅比较长,先列一下大纲....
  • whjay520
  • whjay520
  • 2016年12月09日 14:11
  • 6016

iOS 模态视图,阻尼动画

今天分析一个利用摸态视图后接阻尼动画的小例子,就像今天汤神catch and shoot一样,那样的连贯,沉稳不简单,实现如图:                                    ...
  • baidu_33735542
  • baidu_33735542
  • 2016年05月29日 21:20
  • 1269

iOS动画效果和实现

动画效果提供了状态或页面转换时流畅的用户体验,在iOS系统中,咱们不需要自己编写绘制动画的代码,Core Animation提供了丰富的api来实现你需要的动画效果。    UIKit只用UIView...
  • totogo2010
  • totogo2010
  • 2013年01月15日 10:37
  • 64604

IOS开发UI篇--IOS动画(Core Animation)总结

一、简介IOS 动画主要是指Core Animation框架。官方使用文档地址为:Core Animation Guide。Core Animation是IOS和OS X平台上负责图形渲染与动画的基础...
  • yixiangboy
  • yixiangboy
  • 2015年07月23日 09:17
  • 20491

属性动画+贝塞尔曲线实现落叶效果~~~(@_@;)

之前看了一款有点黄的17app底角的爱心各种乱飞,好奇这种效果的实现方式,恰巧看到这篇文章:程序亦非猿:一步一步教你实现Periscope点赞效果,遂按照其思路实现了一个落叶飘零的效果,如下动图:实现...
  • oushangfeng123
  • oushangfeng123
  • 2016年01月19日 22:58
  • 2851

猫猫学IOS(四十一)UI之核心动画 两行代码搞定3D转场(做android的哭死)

猫猫分享,必须精品原创文章,欢迎转载。转载请注明:翟乃玉的博客 地址:http://blog.csdn.net/u013357243?viewmode=contents 源码素材地址:效果:代码...
  • u013357243
  • u013357243
  • 2015年05月08日 18:04
  • 2463

Android 实现倒计时动画效果

想要实现的效果图如下: 点击“倒计时开始”按钮,会出现从10到0的倒计时动画。说是动画,其实并不是用animation等来制作,而仅仅是用TextView更新文字的方式来实现动画效果,很esay...
  • u011694328
  • u011694328
  • 2016年11月15日 23:14
  • 1347

iOS CoreAnimation专题——原理篇(四)动画时间控制

这一章虽然叫做动画时间控制,然而我们并不会去深入到一般的动画时间中,我们将讨论的是CoreAnimation框架是如何来控制时间的。 这一章的大部分内容来自http://ronnqvi.st/cont...
  • u013282174
  • u013282174
  • 2016年06月07日 17:32
  • 7885

iOS 心得一 单元格的动画加载(非autolayout适配模式下)

工作的时候有好多自己以前没有做过的,经过自己的努力活着他人的提醒做出来的放在这里和大家一起探讨进步。以后就以iOS心得开头记录了,也是为了激励自己一值写下去。进入正题: 大家都知道表的加载,...
  • github_30943901
  • github_30943901
  • 2015年09月16日 15:04
  • 457

iOS 动画大全(附带gif图片效果)

在实际的开发当中为了达到界面美化的效果,我们经常需要在项目中使用各种动画,在增强界面的动感。总结了个人的开发经验,下面介绍最常用的动画打全(根据图片效果自行选用吧):UIImage类似美团袋鼠奔跑的动...
  • NormanV
  • NormanV
  • 2016年07月11日 16:50
  • 1747
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS Animation各种动画效果
举报原因:
原因补充:

(最多只允许输入30个字)