我有一个视图需要添加一个图层。我成功添加了图层,但现在我想为它做动画,宽度意味着图层开始填充"开始"标签并结束等待..."标签。我尝试使用 CABasicAnimation 添加动画,它从头开始但是没有正确填充。请查看视频以了解更多信息。
func startProgressAnimation()
{
self.ivStarted.isHighlighted = true
let layer = CALayer()
layer.backgroundColor = #colorLiteral(red: 0.4980392157, green: 0.8352941176, blue: 0.1921568627, alpha: 1)
layer.masksToBounds = true
layer.frame = CGRect.init(x: self.viewStartedAwaited.frame.origin.x, y: self.viewStartedAwaited.frame.origin.y, width: 0.0, height: self.viewStartedAwaited.frame.height)
self.ivStarted.layer.addSublayer(layer)
CATransaction.begin()
let boundsAnim:CABasicAnimation = CABasicAnimation(keyPath: "bounds.size.width")
boundsAnim.fromValue = NSNumber.init(value: 0.0)
boundsAnim.byValue = NSNumber.init(value: Float(self.viewStartedAwaited.frame.size.width / 2.0))
boundsAnim.toValue = NSNumber.init(value: Float(self.viewStartedAwaited.frame.size.width))
let anim = CAAnimationGroup()
anim.animations = [boundsAnim]
anim.isRemovedOnCompletion = false
anim.duration = 5
anim.fillMode = kCAFillModeBoth
CATransaction.setCompletionBlock{ [weak self] in
self?.ivAwaited.isHighlighted = true
}
layer.add(anim, forKey: "bounds.size.width")
CATransaction.commit()
}
以下是我使用此代码实现的视频。 https://streamable.com/h6tpp
不合适
正确的图像
答案 0 :(得分:1)
只需设置
即可layer.anchorPoint = CGPoint(x: 0, y: 0)
在此之后它将根据您的要求工作。
(0.5,0.5)的默认锚点意味着宽度的增长或收缩均匀地发生在两侧。 (0,0)的锚点意味着图层基本上固定在左上角,因此无论新的宽度如何,都会在右侧发生变化。也就是说,重要的不是你的动画关键路径是否是“边界”。或者' bounds.size.width'。锚点决定了变化发生的位置