CAAnimation을 사용하여 두 변수를 무한대로 회전

Question

"kg/lbs"의 두 가지 범주가있는 레이블 ('profile/uid'에 저장 됨)의 firebase 데이터베이스에서 사용자를 "가중치"라고 부릅니다. 나는 라벨을 통해 사용자의 체중을 kg로 표시 한 다음 lbs로 페이드 아웃 한 후 다시 kg로 되돌릴 수 있도록하고 싶습니다. 지금까지 내가 지속적으로하고 파운드의 무게 페이드 아웃되고 다음과 같은 코드를 작성하고 난 kg 번 페이드 아웃 파운드에이 무게를 표시하는 방법을 확실 해요 :

func weight() { 

    let userRf = self.firDatabaseRef.child("profile").child("\(User!.uid)").observe(FIRDataEventType.value, with: { (snapshot) in 
     if snapshot.exists() { 
      if let weight = snapshot.childSnapshot(forPath: "weight").value as? [String: AnyObject] { 
       if let kg = weight["kg"] as? Float, let lbs = weight["lbs"] as? Int { 

        let animation: CATransition = CATransition() 
        animation.duration = 2.0 
        animation.type = kCATransitionFade 
        animation.repeatDuration = .infinity 
        animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut) 
        self.displayWeight.layer.add(animation, forKey: "changeTextTransition") 

        self.displayWeight.text = "\(lbs) lbs" 

       } 
      } 
     } 
    } 

} 

Answer 1

한 가지 방법은이다 Timer으로 반복 UIVIew 애니메이션을 함께 사용 :이 라벨이 표시 밖으로 시작한다고 가정한다

// set up some helpful constants 
let kgsText = "\(kgs) kgs" 
let lbsText = "\(lbs) lbs" 
let fadeDuration = 2.0 

// keep track of which unit is being displayed 
var isDisplayingKgs = true 

// animate the fade in and out, repeating 
UIView.animate(withDuration: fadeDuration, delay: 0, options: [.autoreverse, .repeat], animations: { 
    label.alpha = 0 
}, completion: nil) 

// start the timer to switch the text after a short delay 
DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + fadeDuration) { 
    self.displayWeight.text = lbsText 
    isDisplayingKgs = false 
    Timer.scheduledTimer(withTimeInterval: fadeDuration * 2, repeats: true, block: { timer in 
     self.displayWeight.text = isDisplayingKgs ? lbsText : kgsText 
     isDisplayingKgs = !isDisplayingKgs 
    }) 
} 

(알파 = 1). 디스패치 지연은 레이블이 처음 페이드 아웃 될 때 첫 번째 전환이 발생하도록하는 것입니다,하지만의 타이머 차기 여기

되기 전에 애니메이션은 행동의 모양 :.