iPhoto的删除动画

From: http://z251257144.iteye.com/blog/1439928

iPhoto 中想删除某张照片时，点击删除键，就能看到照片被回收到垃圾箱的动画。

今天就来模拟一下这个动画（据说有个私有API可以实现，不过私有的嘛，忽略之）。

首先仔细观察下这个动画，包含了位置，大小还有可见三个主要动画。

为了清楚的说明，先上核心代码：

C代码

UIBezierPath *movePath = [UIBezierPath bezierPath];
[movePath moveToPoint:fromPoint];
[movePath addQuadCurveToPoint:toPoint
controlPoint:CGPointMake(toPoint.x,fromPoint.y)];
CAKeyframeAnimation *moveAnim = [CAKeyframeAnimation animationWithKeyPath:@"position"];
moveAnim.path = movePath.CGPath;
moveAnim.removedOnCompletion = YES;
CABasicAnimation *scaleAnim = [CABasicAnimation animationWithKeyPath:@"transform"];
scaleAnim.fromValue = [NSValue valueWithCATransform3D:CATransform3DIdentity];
scaleAnim.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeScale(0.1, 0.1, 1.0)];
scaleAnim.removedOnCompletion = YES;
CABasicAnimation *opacityAnim = [CABasicAnimation animationWithKeyPath:@"alpha"];
opacityAnim.fromValue = [NSNumber numberWithFloat:1.0];
opacityAnim.toValue = [NSNumber numberWithFloat:0.1];
opacityAnim.removedOnCompletion = YES;
CAAnimationGroup *animGroup = [CAAnimationGroup animation];
animGroup.animations = [NSArray arrayWithObjects:moveAnim, scaleAnim,opacityAnim, nil];
animGroup.duration = 1;
[imageView.layer addAnimation:animGroup forKey:nil];

UIBezierPath是用来创建各种曲线的类，这个类很强大，各种你能想到的都可以用它来完成。

这里我们建立的二次曲线实际上就是从照片的中心点位置到垃圾箱终点的一条曲线。

至于函数中controlPoint的选取，自己查阅API吧，这里就不多说

接着我们建立了一个CAKeyframeAnimation的动画，这个主要用于实现动画的轨迹变化，我们将动画的path值设为之前定义的曲线值。

这样动画就会按我们设定的轨迹移动了。

接下来是大小变化的动画，设定了最初和最终的画面大小。CATransform3DMakeScale是用于生成变换矩阵的东东，对于二维的，z值始终为1.

紧接着是生成透明度的动画，很好理解。

由于我们用到了三种动画，所以需要用CAAnimationGroup，这样一次性的使用它们。

这样我们就完成了这样的动画，试试吧。

iPhoto的删除动画相关推荐

iPhoto的删除动画（转）
iPhoto 中想删除某张照片时,点击删除键,就能看到照片被回收到垃圾箱的动画. 今天就来模拟一下这个动画(据说有个私有API可以实现,不过私有的嘛,忽略之). 首先仔细观察下这个动画,包含了位置,大 ...
[iOS]iPhoto的删除动画（转）
iPhoto 中想删除某张照片时,点击删除键,就能看到照片被回收到垃圾箱的动画. 今天就来模拟一下这个动画(据说有个私有API可以实现,不过私有的嘛,忽略之). 首先仔细观察下这个动画,包含了位置,大 ...
iPh oto的删除动画
iPhoto 中想删除某张照片时,点击删除键,就能看到照片被回收到垃圾箱的动画. 今天就来模拟一下这个动画(据说有个私有API可以实现,不过私有的嘛,忽略之). 首先仔细观察下这个动画,包含了位置,大 ...
第7天 Recyclerview万能的适配器（基本使用、分割线、增加删除动画）
第7天 Recyclerview万能的适配器(基本使用.分割线.增加删除动画) Recyclerview的使用思路代码 Recyclerview的使用用了很长一段时间的RecyclerView, ...
Android RecyclerView设置分割线 / 下拉加载 / 选项菜单进行增加删除动画
首先看一下我的整个程序: 主类: package com.example.day02rk;import android.os.Bundle; import android.support.v4.con ...
android linearllayout 隐藏动画,AnimatedLinearLayout：带删除动画的LinearLayout
本文介绍一个自定义ViewGroup:AnimatedLinearLayout,在普通的LinearLayout基础上,它实现了删除某一项后,后面的项依次前移或上移的动画效果,效果如下: Animat ...
用maya API删除动画曲线多余的关键帧——掐头去尾删帧
写这个东西的缘由是一个同事给我说了一个他以前碰到的一个问题:一个文件里有上万条动画曲线,要删除某一帧前面的帧,也要删掉某一帧后面的帧,相当于是掐头去尾,但从功能上来说这个mel完全可以胜任,但是执行起 ...
ppt中插入和删除动画
插入: 点击组件->工具栏的动画->选择样式改变动画顺序: 1.点击动画之后,我们即可看到有一些动画的排序先后了,我们点击其中的一个动画序号,然后就有向前以后和向后移动的顺序操作. 2. ...
【幻灯片动画制作教程】Focusky教程 | 如何删除动画效果？
(Focusky动画演示大师简称"FS软件")在动画编辑器中,可选择删除物体的某个动画,或者删除该帧的所有动画. 详情请看下图: 1.删除某个动画: 选择该动画,然后点击动画右上角 ...

iPhoto的删除动画

iPhoto的删除动画相关推荐

最新文章

热门文章