OStack程序员社区-中国程序员成长平台

标题: ios - 在动画完成之前更改 CALayer 内容 [打印本页]
作者: 菜鸟教程小白    时间: 2022-12-12 23:46
标题: ios - 在动画完成之前更改 CALayer 内容

我正在开发一个实现翻转卡片时钟动画的 UI 组件。一切正常，但是当我将顶级 CALayer 内容更改为新图像时，旧图像在更改之前保持可见。它会产生混淆效果。为了更好地解释，我将 gif 动画放在下面:

enter image description here

这是更改 CALayer 内容的代码:

firstTopLayer.contents = secondTopLayer.contents
let bottomAnim = CABasicAnimation(keyPath: "transform")
bottomAnim.duration = animDuration/2
bottomAnim.repeatCount = 1
bottomAnim.fromValue = NSValue.init(caTransform3D:
CATransform3DMakeRotation((CGFloat)(M_PI_2), 1, 0, 0))
bottomAnim.toValue = NSValue.init(caTransform3D:
CATransform3DMakeRotation(0, 1, 0, 0))
bottomAnim.isRemovedOnCompletion = true
bottomAnim.timingFunction = CAMediaTimingFunction.init(name: kCAMediaTimingFunctionEaseIn)
firstBottomLayer.add(bottomAnim, forKey: "bottom")
firstBottomLayer.contents = self.bufferContents

欲了解更多信息，我将链接指向 repository


Best Answer-推荐答案


我找到了解决方案。顶级动画必须有这个配置

topAnim.fillMode = kCAFillModeForwards
topAnim.isRemovedOnCompletion = false

在每次开始这个动画之后。 

firstTopLayer.removeAnimation(forKey: kTopAnimaton)

使用此配置，顶层保持在最后一帧动画位置

关于ios - 在动画完成之前更改 CALayer 内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41806611/





欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/) Powered by Discuz! X3.4