如何解决与层冻结混淆
我创建了层动画组(CAAnimation 组)。
group.animations = [
anim1(customUnderlyingLayer: customUnderlyingLayer,semiEllipse: semiEllipse,duration: 0.1,timingCurve: camediatimingFunction(controlPoints: 0,1.64,1,1)),anim2(customUnderlyingLayer: customUnderlyingLayer,timingCurve: LINEAR),anim3(customUnderlyingLayer: customUnderlyingLayer,timingCurve: LINEAR)
]
group.duration = 1
func anim1(customUnderlyingLayer: CustomUnderlyingLayer,semiEllipse: CAShapeLayer,duration: CFTimeInterval,timingCurve :camediatimingFunction ) -> CABasicAnimation {
// capture the start and end values
let startValue = customUnderlyingLayer.path1().cgPath
let endValue = customUnderlyingLayer.path2().cgPath
semiEllipse.path = endValue
// construct the explicit animation
let anim = CABasicAnimation(keyPath:#keyPath(CAShapeLayer.path))
anim.duration = duration
anim.beginTime = 0
anim.timingFunction = timingCurve
anim.fromValue = startValue
anim.tovalue = endValue
//semiEllipse.add(anim,forKey: nil)
return anim
}
func anim2(customUnderlyingLayer: CustomUnderlyingLayer,timingCurve: camediatimingFunction) -> CABasicAnimation{
// capture the start and end values
let startValue = customUnderlyingLayer.path2().cgPath
let endValue = customUnderlyingLayer.path3().cgPath
semiEllipse.path = endValue
// construct the explicit animation
let anim = CABasicAnimation(keyPath:#keyPath(CAShapeLayer.path))
anim.duration = duration
let timingCurve = timingCurve
anim.timingFunction = timingCurve
anim.fromValue = startValue
anim.tovalue = endValue
//semiEllipse.add(anim,forKey: nil)
return anim
}
func anim3(customUnderlyingLayer: CustomUnderlyingLayer,timingCurve: camediatimingFunction) -> CABasicAnimation{
// capture the start and end values
let startValue = customUnderlyingLayer.path3().cgPath
let endValue = customUnderlyingLayer.path4().cgPath
// semiEllipse.path = endValue
// construct the explicit animation
let anim = CABasicAnimation(keyPath:#keyPath(CAShapeLayer.path))
anim.duration = duration
let timingCurve = timingCurve
anim.timingFunction = timingCurve
anim.fromValue = startValue
anim.tovalue = endValue
//semiEllipse.add(anim,forKey: nil)
return anim
}
然后我将图层计时器偏移和速度设置为 0。
semiEllipse.speed = 0
semiEllipse.timeOffset = 0
将动画组添加到 calayer。
semiEllipse.add(group,forKey: "key")
然后我设置初始时间偏移
delay(0) {
self.semiEllipse.timeOffset = 1
}
我的问题是:
- 当我在 group.animations 属性中放入 2 个动画(anim1 和 anim2)时,一切正常。当我通过滚动视图更改 timeOffset 值时,动画组从 anim1 开始值更改为 anim2 结束值。 但是当我放置 anim3 并通过滚动视图对 timeOffset 属性执行相同的操作时,动画组将路径从 anim2 startValue 更改为 anim3 endValue。为什么不是从anim1 startValue???
解决方法
在每个 CAAnimation 的 CAAnimationGroup.animations 中,我必须指定 beginTime 值。然后它起作用了。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。