애니메이션이 켜져있는 동안 CABasicAnimation의 Value / fromValue로 어떻게 변경할 수 있습니까?

Mohammad Eliass Alhusain

애니메이션이있는 CABasicAnimation의 toValue / fromValue 값을 변경하려고합니다. heartBeatAnimation

let heartBeatAnimation = CABasicAnimation(keyPath: "transform.scale.xy")
heartBeatAnimation.duration       = 0.75
heartBeatAnimation.repeatCount    = Float.infinity
heartBeatAnimation.autoreverses   = true
heartBeatAnimation.fromValue      = 1.0
heartBeatAnimation.toValue        = 1.15

애니메이션이 켜져있는 transform.scale동안 다음과 같이 애니메이션 중에의 현재 값을 얻습니다 .

let currentValue = someView.layer.presentation()?.value(forKeyPath: "transform.scale")
heartBeatAnimation.fromValue = currentValue
heartBeatAnimation.toValue   = currentValue

값을 변경 한 후 애니메이션을 제거한 다음 다시 추가 할 때까지 heartBeatAnimation변경되지 않습니다 toValue/fromValue!

애니메이션이 켜져있는 동안 실시간으로 이러한 변경을 수행 할 수있는 방법이 있습니까?!

agibson007

모델 레이어의 현재 배율을 프레젠테이션 레이어 배율로 업데이트 한 다음 beginTime 속성에 대한 업데이트로 애니메이션을 읽어 애니메이션이 멈추지 않은 것처럼 보이도록하면 실시간으로 표시 할 수 있습니다. 여기에 예가 있습니다.

import UIKit

class ViewController: UIViewController {


    var scale : CGFloat = 1.2

    var shapeLayer : CAShapeLayer!
    var button : UIButton!

    override func viewDidLoad() {
        super.viewDidLoad()
        //add a shapelayer
        shapeLayer = CAShapeLayer()
        shapeLayer.frame = CGRect(x: 0, y: 0, width: self.view.bounds.width/4, height: self.view.bounds.width/4)
        shapeLayer.position = self.view.center
        shapeLayer.path = drawStarPath(frame: shapeLayer.bounds).cgPath
        let color = UIColor(red: 0.989, green: 1.000, blue: 0.000, alpha: 1.000)
        shapeLayer.fillColor = color.cgColor
        self.view.layer.addSublayer(shapeLayer)


        //button for action
        button = UIButton(frame: CGRect(x: 0, y: 0, width: self.view.bounds.width - 20, height: 50))
        button.center = self.view.center
        button.center.y = self.view.bounds.height - 70
        button.addTarget(self, action: #selector(ViewController.pressed(sender:)), for: .touchUpInside)
        button.setTitle("Animate", for: .normal)
        button.setTitleColor(.blue, for: .normal)

        self.view.addSubview(button)

    }

@objc func pressed(sender:UIButton) {

     var isInterupted = false

        if let presentation = shapeLayer.presentation(){
            if let animScale = presentation.value(forKeyPath: "transform.scale.xy"){
                if let value = animScale as? CGFloat{
                    //set current animation spot
                    shapeLayer.transform = CATransform3DScale(CATransform3DIdentity, value, value, 1)
                    shapeLayer.removeAllAnimations()
                    scale += 0.2
                    isInterupted = true
                    print("The current toValue is \(scale)")

                }
            }
        }


        button.setTitle("Animating...", for: .normal)

        let heartBeatAnimation = CABasicAnimation(keyPath: "transform.scale.xy")
        heartBeatAnimation.duration       = 0.5
        let beginTimeNeeded = (1/scale) * CGFloat(heartBeatAnimation.duration)
        heartBeatAnimation.repeatCount    = .greatestFiniteMagnitude
        heartBeatAnimation.autoreverses   = true
        heartBeatAnimation.fromValue      = 1.0
        heartBeatAnimation.toValue        = scale
        if isInterupted == true{
            heartBeatAnimation.beginTime = CFTimeInterval(beginTimeNeeded)
        }
        heartBeatAnimation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)
        shapeLayer.add(heartBeatAnimation, forKey: "beatAnimation")
    }

    func drawStarPath(frame: CGRect = CGRect(x: 0, y: 0, width: 140, height: 140)) ->UIBezierPath{
        //// Star Drawing
        let starPath = UIBezierPath()
        starPath.move(to: CGPoint(x: frame.minX + 0.50000 * frame.width, y: frame.minY + 0.21071 * frame.height))
        starPath.addLine(to: CGPoint(x: frame.minX + 0.60202 * frame.width, y: frame.minY + 0.35958 * frame.height))
        starPath.addLine(to: CGPoint(x: frame.minX + 0.77513 * frame.width, y: frame.minY + 0.41061 * frame.height))
        starPath.addLine(to: CGPoint(x: frame.minX + 0.66508 * frame.width, y: frame.minY + 0.55364 * frame.height))
        starPath.addLine(to: CGPoint(x: frame.minX + 0.67004 * frame.width, y: frame.minY + 0.73404 * frame.height))
        starPath.addLine(to: CGPoint(x: frame.minX + 0.50000 * frame.width, y: frame.minY + 0.67357 * frame.height))
        starPath.addLine(to: CGPoint(x: frame.minX + 0.32996 * frame.width, y: frame.minY + 0.73404 * frame.height))
        starPath.addLine(to: CGPoint(x: frame.minX + 0.33492 * frame.width, y: frame.minY + 0.55364 * frame.height))
        starPath.addLine(to: CGPoint(x: frame.minX + 0.22487 * frame.width, y: frame.minY + 0.41061 * frame.height))
        starPath.addLine(to: CGPoint(x: frame.minX + 0.39798 * frame.width, y: frame.minY + 0.35958 * frame.height))
        return starPath
    }

}

애니메이션에 더 많은 스케일을 추가하기 위해 버튼을 누르고 있습니다. 결과는 다음과 같습니다.결과

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Related 관련 기사

뜨겁다태그

보관