関数を実行後に初期状態に戻したい

Question

SOS!!
Swift初心者です。
画像UIView（@IBOutlet weak var ImageView: UIImageView!）を点滅させる関数を実行後に、ある条件を満たしたら初期状態に戻したいです。

extension UIView {
    func gladAnime() {
        self.alpha = 1.0
        UIView.animate(
            withDuration: 0.8,
            delay: 0.0,
            options: [.allowUserInteraction, .curveEaseInOut, .autoreverse, .repeat],
            animations: { self.alpha = 0 }, completion: nil)
    }
}

で、ViewController.swift内

func renderer(_ renderer: SCNSceneRenderer, updateAtTime time: TimeInterval) {
    中略
    if ある条件{
        DispatchQueue.main.async{
            self.ImageView.gladAnime()
         }
  }else if 別の条件{
     　ここでもとに戻したい。
  }
}

ある条件を達成したら点滅開始するのですが、別の条件で点滅をストップさせたい（つまり初期状態に戻したい）です。
「ここでもとに戻したい。」のところをどうやっても、ひとたびある条件を達成すると永遠に点滅してます。

どうかご教授ください。

Comments

[退会済みユーザー]

回答に反応がありませんがどうかされましたか？質問の意図と異なる回答である場合はコメントでその旨お伝え頂き質問文に意図を加筆頂けると助かります。

Answer 1

UIView.animate() のアニメーションは、UIView の layer に登録されているので、それを削除するには、layer の removeAnimation(forKey:) を使います。

ただし、UIView.animate() の場合はアニメーションを特定するための key が animations: の内容次第で勝手に決められてしまうのでわかりません。

アニメーションが登録したひとつしかないと分かっている場合や、ほかに登録されているすべてのアニメーションも削除してよいなら、removeAllAnimations() ですべて削除できます。

// ここでもとに戻したい。
self.ImageView.layer.removeAllAnimations()

他にもアニメーションを追加していて、この gladAnime() が最後に追加したアニメーションだと分かっている場合、animationKeys() で登録されたアニメーションの key を取得し、最後の key を指定するなどの方法もあります。

// ここでもとに戻したい。
if let lastAnimationKey = self.ImageView.layer.animationKeys()?.last {
    self.ImageView.layer.removeAnimation(forKey: lastAnimationKey)
}

---

いずれの方法を採っても、今回の場合は animations: { self.alpha = 0 } のように不透明度を 0 にしたままなので、アニメーションを削除しても不透明度は 0 のままで画像が見えなくなります。completion: で元に戻すコードが必要です。

...,
animations: { self.alpha = 0 }, completion: { _ in self.alpha = 1.0 })

ただし、通常は元々のビューの alpha が 1.0 とは限らないので、そもそもアニメーション開始時に self.alpha = 1.0　としているのが若干おかしいです。元の不透明度を取得し、アニメーション終了時に戻すようにしてはどうでしょうか。

また、もしアニメーション中のビューそのものにタッチしてアニメーションを止めるような設計の場合、alpha 値が 0 に近いと .allowUserInteraction を指定していても反応しませんので、self.alpha の値を 0.02 などにしたほうが良いです（しきい値はよく分かりません。0.01 だと反応しなかったりします）。

extension UIView {
  func gladAnime() {
    let sourceAlpha = self.alpha
    UIView.animate(
      withDuration: 0.8,
      delay: 0.0,
      options: [.allowUserInteraction, .curveEaseInOut, .autoreverse, .repeat],
      animations: { self.alpha = 0.02 }, completion: { _ in self.alpha = sourceAlpha })
  }
}

---

より詳しい話:

アニメーションの実体は layer に追加する CAAnimation です。UIView.animation() で登録したアニメーションを削除しようとしたとき key が分かりませんでしたが、これは layer に手動でアニメーションを追加登録する際に指定するもので、アニメーションを手動で作成すれば任意のキーを使って登録できます。

たとえば、同じようなアニメーションを CAAnimation で作ると次のようになります。

extension UIView {
  func gladAnimeByCA() {
    let animation = CABasicAnimation(keyPath: "opacity")
    animation.duration = 0.8
    animation.beginTime = 0.0
    animation.timingFunction = CAMediaTimingFunction(name: .easeInEaseOut)
    animation.autoreverses = true
    animation.repeatCount = .infinity
    animation.isRemovedOnCompletion = false
    animation.toValue = 0.0
    
    self.layer.add(animation, forKey: "myAnimation") // ここのキーを自由に決められる
  }
}

この場合は、key が分かっているので特定のアニメーションを指定の key で確実に削除できます。

self.ImageView.layer.removeAnimation(forKey: "myAnimation")

Comments

[MycoChild]

気づくのが遅くなりすみません
丁寧な回答ありがとうございます！
なんとなく理解できました。