首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >iOS Swift -如何使用CABasicAnimation和CATransform3DRotate进行360度翻转动画的"m34“转换?

iOS Swift -如何使用CABasicAnimation和CATransform3DRotate进行360度翻转动画的"m34“转换?
EN

Stack Overflow用户
提问于 2021-12-30 10:49:35
回答 1查看 261关注 0票数 2

尽管我尽了最大的努力,我还是想不出如何用UIView从左到右完成一个完整的循环旋转动画。请注意,我已经可以旋转360度与CABasicAnimation,但没有CATransform3DRotate。但是,我想使用.m34 transform作为透视深度。涉及UIView.动画/转换的解决方案对我试图完成的工作没有帮助。任何帮助都是非常感谢的。

编辑:我在Stackoverflow和其他地方到处搜索,但是没有找到任何描述如何使用CATransform3DRotate进行360旋转的东西。打电话到那里寻求帮助,因为这是一个问题,似乎还没有得到回答。谢谢!

这里是旋转UIView 180度的代码。

代码语言:javascript
运行
复制
var transform = CATransform3DIdentity
transform.m34 = 1.0 / -200.0

let animation = CABasicAnimation(keyPath: "transform")
animation.toValue = CATransform3DRotate(transform, CGFloat( Double.pi), 0, 1, 0)
animation.duration = 0.8
animation.beginTime = 0.0
animation.fillMode = .forwards
animation.timingFunction = CAMediaTimingFunction(name: CAMediaTimingFunctionName.easeInEaseOut)
cardView.layer.add(animation, forKey: "360flip")
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-01-06 10:41:10

您当前的代码正在替换动画层的整个转换,这意味着您不能将透视图转换应用于它。你也有问题,结束状态在数学上与开始状态相同,为了解决这个问题,你试图把动画链接在一起,并使用填充模式,这使得整个事情变得更加复杂。

首先,让我们来处理转换。要获得希望设置图层转换的.m34的透视图,您已经在这样做:

代码语言:javascript
运行
复制
var perspective = CATransform3DIdentity
perspective.m34 = 1 / -200
cardView.layer.transform = perspective

接下来,要只触及层转换的旋转,可以使用比transform更精确的密钥路径

代码语言:javascript
运行
复制
let rotate = CABasicAnimation(keyPath: "transform.rotation.y")
rotate.fromValue = 0

这将使该层的其余部分保持不变。

最后,如何迫使动画引擎注意到动画结束时与开始时的差异?使用byValue

代码语言:javascript
运行
复制
rotate.byValue = CGFloat.pi * 2

这迫使图层绕行360度,而不是呆在原地这条懒惰的捷径。

最后,完整的代码是:

代码语言:javascript
运行
复制
var perspective = CATransform3DIdentity
perspective.m34 = 1 / -200
cardView.layer.transform = perspective
let rotate = CABasicAnimation(keyPath: "transform.rotation.y")
rotate.fromValue = 0
rotate.byValue = CGFloat.pi * 2
rotate.duration = 2
cardView.layer.add(rotate, forKey: nil)

给出这一结果:

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70530561

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档