动画 很精辟的

CAlaye的动画

//创建CAlayer动画

CABasicAnimation *animation=[CABasicAnimation animationWithKeyPath:@"bounds.size"];

//设置初始大小

[animation setFromValue:[NSValue valueWithCGSize:CGSizeMake(1.0, 1.0)]];

//设置运行后的方法

[animation setToValue:[NSValue  valueWithCGSize:manImageView.bounds.size]];

//设置时常

[animation  setDuration:1.2];

//设子代理监听

[animation setDelegate:self];

[manImageView.layer  addAnimation:animation forKey:@"image-bounds.size"];

//漂浮的动画

CAKeyframeAnimation  *animation=[CAKeyframeAnimation animationWithKeyPath:@"position"];

//设置view行动的轨迹

NSArray *values=[NSArray arrayWithObjects:[NSValue valueWithCGPoint:CGPointMake(fx,fy)],

[NSValue valueWithCGPoint:CGPointMake(fx1, fy1)],

[NSValue valueWithCGPoint:CGPointMake(fx2, fy2)],

[NSValue valueWithCGPoint:CGPointMake(fx3, fy3)],

[NSValue valueWithCGPoint:CGPointMake(fx4, fy4)],nil];

//获得点

[animation setValues:values];

//设置时常

[animation setDuration:5.0];

//设置代理监听

[animation setDelegate:self];

[manImageView.layer  addAnimation:animation forKey:@"img-position"];

//渐变的动画

CABasicAnimation * animation=[CABasicAnimation  animationWithKeyPath:@"opacity"];

//设置透明度最小值

[animation setFromValue:[NSNumber numberWithFloat:1.0]];

//设置透明度最大值

[animation setToValue:[NSNumber numberWithInt:0.0]];

//播放速率

[animation setDuration:3.0];

//播放次数

[animation setRepeatCount:3.0];

//设置监听代理

[animation setDelegate:self];

[animation setAutoreverses:YES];//默认的是NO,即透明完毕后立马恢复,YES是延迟恢复

[manImageView.layer  addAnimation:animation forKey:@"img-opacity"];

//立方体的动画

CATransition *animation = [CATransition animation];

//动画名称

animation.type [email protected]"cube";

//翻转方向

animation.subtype = kCATransitionFromLeft;

//时长

[animation setDuration:2];

//代理方法

[animation setDelegate:self];

//上一个动画播放完不移除,默认是YES移除

animation.removedOnCompletion = NO;

[_bView.layer addAnimation:animation forKey:@"docube"];

//水波纹动画

CATransition *animation = [CATransition animation];

animation.type [email protected]"rippleEffect";

[animation setDuration:2];

[animation setRepeatCount:1.0];

[_bView.layer addAnimation:animation forKey:@"s rippleEffect"];

//收缩效果

CATransition *animation = [CATransition animation];

animation.type [email protected]"suckEffect";

[animation setDuration:2];

[animation setRepeatCount:1.0];

[_bView.layer addAnimation:animation forKey:@"s suckEffect"];

//向后翻转动画

CATransition *animation = [CATransition animation];

animation.type [email protected]"oglFlip";

[animation setDuration:2];

[animation setRepeatCount:1.0];

[_bView.layer addAnimation:animation forKey:@"s oglFlip"];

//向上翻页的动画

CATransition *animation = [CATransition animation];

animation.type [email protected]"pageCurl";

[animation setDuration:2];

[animation setRepeatCount:1.0];

[_bView.layer addAnimation:animation forKey:@"s pageCurl"];

跟上边效果相反的动画

CATransition *animation = [CATransition animation];

animation.type [email protected]"pageUnCurl“;

[animation setDuration:2];

[animation setRepeatCount:1.0];

[_bView.layer addAnimation:animation forKey:@"s pageUnCurl"];

这些动画效果跟上边的用法一样

新视图覆盖旧视图

moveIn

旧视图移出露出新视图

reveal

新视图把旧视图推出去

push

立方体向上滚动

alignedCube

相机动画

cameraIris

相机打开效果

cameraIrisHollowOpen

相机关闭效果

cameraIrisHollowClose

* 过渡方向
fromRight;
fromLeft;
fromTop;
fromBottom;

动画 很精辟的

时间: 2024-11-05 20:36:46

动画 很精辟的的相关文章

Android Animation动画(很详细)

http://www.360doc.com/content/13/0102/22/6541311_257754535.shtml Android Animation动画(很详细),布布扣,bubuko.com

一个LINUX狂人的语录(个人认为很精辟)

http://blog.chinaunix.net/uid-57160-id-2734431.html?page=2 我已经半年没有使用 Windows 的方式工作了.Linux 高效的完成了我所有的工作.   GNU/Linux 不是每个人都想用的.如果你只需要处理一般的事务,打游戏,那么你不需要了解下面这些了.   我不是一个狂热的自由软件份子,虽然我很喜欢自由软件.这篇文章也不是用来推行自由软件运动的,虽然我觉得自由软件运动是非常好的.   这篇文章也不是用来比较 Linux 和 Wind

知乎上 40 个有趣回复,很精辟很提神

点击蓝色"五分钟学算法"关注我哟 加个"星标",天天中午 12:15,一起学算法 1 交朋友的标准是什么? Question - 出世的智者,入世的强者, 或者正常而阳光的普通人. Answer - 2 有哪些可以令人清醒的句子? Question - 你多学一样本事, 就少说一句求人的话. Answer - 3 做哪些事情可以提升生活品质? Question - 定期扔东西. Answer - 4 结婚以后两个人在一起最重要的是什么? Question - 就当这

Vue.js 系列教程 5:动画

原文:intro-to-vue-5-animations 译者:nzbin 译者的话:经过两周的努力,终于完成了这个系列的翻译,由于时间因素及个人水平有限,并没有详细的校对,其中仍然有很多不易理解的地方.我和原作者的初衷一样,希望大家能够通过这个系列文章有所收获,至少可以增加学习的乐趣,我也在学习的路上,所学心得必将与大家共勉. 这是 JavaScript 框架 Vue.js 五篇教程的第五部分.在这个系列的最后一部分,我们将学习动画(如果你了解我,你知道这一章迟早会来).这不是一个完整的指南,

[UWP-小白日记13]Composition动画

前言 首先,来对比下传统动画和Composition动画.看图就能明白composition动画的优势太明显就像官方说的大幅度的降低了动画的实现难度和代码量. 传统的动画,就拿最常见的就是过度动画:进入和退出,如果你的动画很复杂,那代码量简直酸爽.而且这个动画在被执行期间又被你执行了,处理不当,就duang!duang!的给你报错提示要执行就得停止前面的动画. 现在Composition动画完美解决了这个问题.进入过度效果我顺序播放一次,退出过度效果我反序播放一次就搞定了.妈妈再也不用担心我的动

流畅web动画的十个法则

from me: web动画能够带来一个非常酷炫的效果,能够让页面有一个更好的用户体验.对于良好的动画性能没有高招,除了将大量的时间放在测试和优化,当然最重要的还是要易于维护. 流畅web动画的十大法则: · 不要改变除了opacity和transform之外的参数! · 将内容藏在不起眼的地方 · 不要同一时间所有元素都做动画 · 轻微地增加延迟,让编排动作变得简单_ · 使用全局倍数来设计慢动画 · 拍下你的UI,并且重放他们,以获取有价值的第三方关点. · 网络活动导致滞后 · 不要直接绑

iOS动画进阶 - 实现炫酷的上拉刷新动效

移动端访问不佳,请访问我的个人博客 最近撸了一个上拉刷新的小轮子,只要遵循一个协议就能自定义自己动效的上拉刷新和加载,我自己也写了几个动效进去,下面是一个比较好的动效的实现过程 先上效果图和github地址,有其他好的动效大家也可以交流~ 动效的原地址,在uimovement网站上看到这个动效时感觉特别6,就想自己实现一下,费了很长时间,换了几种方案终于实现出来了,下面是实现的步骤: 分析动效 写一个动效的第一步就应该仔细的去分析它,把它的每一帧展开来看,找一个最合适的方式来实现它,下面是我分析

Android基础笔记(十)- 帧动画、补间动画详解、对话框

帧动画 补间动画Tween Animation 对话框以及面试中的注意点 帧动画 帧动画很简单,我们首先看一下Google官方解释This is a traditional animation in the sense that it is created with a sequence of different images. 意思表达的很明了,一个传统的动画是由一组不同的图片组成的.帧动画,就像GIF图片,通过一系列Drawable依次显示来模拟动画的效果. 创建一帧动画分为一下几步(支持4

HTML5动画软件工具编辑器 HTML5动画分类 工具推荐

接下来介绍几款制作HTML5动画的工具,它们可以分为几类: 1.导出canvas动画: Flash CC(13.1).Animation.Radi 2.导出DIV+CSS3动画: HTML5 Maker.Edge Animation.Tumult Hype.Nodefire 3.导出SVG动画: Hippo 基本上所有工具导出的动画都会依赖一个独立的js库,这个库用于解析数据,展示动画.而其中两个工具(Radi和Hippo)就比较突出,它们并不依赖独立js库,而是把必须的最精简的js直接内嵌到H