iPhoto的删除动画（转）

最新推荐文章于 2019-09-21 14:04:50 发布

Red__King

最新推荐文章于 2019-09-21 14:04:50 发布

阅读量429

点赞数

分类专栏： iPhone开发 - 动画

iPhone开发 - 动画专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了如何使用Objective-C模拟iPhoto中照片被回收到垃圾箱的动画过程，包括位置、大小和可见性的三个主要动画效果。通过UIBezierPath、CAKeyframeAnimation等API实现了动画的轨迹、大小变化和透明度的渐隐，最终完成了一个完整的动画展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

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

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，这样一次性的使用它们。

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

添加了项目文件项目文件下载

自己测试了下,好像在三种动画执行的时候透明度的动画执行无效果,后面再具体调试调试