ホームボタン押下時のアニメーションの処理

Question

swiftに関する質問です。
現在下記のように20秒かけてバーを減少さるアニメーションを行っています。
ホームボタン押下時にこのバーを一度停止したいためAppDelegate.swiftでtimerbarstop()を実行しています。

再び画面を開いた際にバーの減少を停止状態から再開するように考えているのですが、現状、再び画面を開くとバーが消えてしまっている状態です。

状況だけで大変恐縮ですが、どのようなことが考えられるかをご教示いただけないでしょうか。

よろしくお願いいたします。

KenteiViewController.swift


private var myImageView: UIImageView!
    
    func timerbar(){
        let barHeight = scHei*0.011
        let barWidth = scWid*0.58
        let barXPosition = scWid*0.14
        let barYPosition = scHei*0.367
        let barXPositionEnd = barXPosition + barWidth
        // UIImageViewを作成する.
        myImageView = UIImageView()
        // 表示する画像を設定する.
        let myImage = UIImage(named: "jikanbar.jpg")
        // 画像をUIImageViewに設定する.
        myImageView.image = myImage
        // 画像の表示する座標を指定する.
        myImageView.frame = CGRectMake(barXPosition ,barYPosition ,barWidth ,barHeight)
        // UIImageViewをViewに追加する.
        self.view.addSubview(myImageView)

        UIView.animateWithDuration(20, delay: 0.0, options : UIViewAnimationOptions.CurveLinear, animations: {() -> Void  in
            self.myImageView.frame = CGRectMake(barXPositionEnd, barYPosition, 0, barHeight)
            
            },
            completion: {(finished: Bool) -> Void in
            // アニメーション終了後の処理
        })

    }
    
    //制限時間バーを停止するメソッド
    func timerbarstop(){
        let pausedTime : CFTimeInterval! = myImageView?.layer.convertTime(CACurrentMediaTime(), fromLayer: nil)
        myImageView?.layer.speed = 0.0
        myImageView?.layer.timeOffset = pausedTime
    }

AppDelegate.swift

func applicationDidEnterBackground(application: UIApplication) {
        // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
        // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
        let kentei = KenteiViewController()
        kentei.timerbarstop()
    }

Answer 1

間違って投稿したので削除

Answer 2

まず、提示されたコードだとapplicationDidEnterBackground()内で新たにKenteiViewControllerを作ってしまっているため、アニメーションの停止自体ができていません。
すでに存在しているオブジェクトがあるはずなのでそちらのtimerbarstop()を呼び出すようにしなければ意味がありません。

その修正をしてもアニメーションが消えるのは変わりません。
バックグラウンドに行くとアニメーションが消えてしまうからみたいです。(知らなかった…)

それの回答ですがやっぱり StackOverflow にあります。

簡単に言うと、バックグラウンドに行く時(applicationDidEnterBackground())にanimationForKey()でCAAnimationオブジェクトをメンバ変数等に保存しておいて、フォアグラウンドに復帰する際(applicationWillEnterForeground())に再度 addAnimation(forKey:) で追加し直してあげればいいです。

6/26追記

一応動かせるコードを載せます。

• AppDelegateからViewControllerを探すのは面倒ですし画面構成によって探し方も変わるのでViewController内で通知を受信してアニメーションをポーズさせるように変更しました。
• アニメーション開始のコードがなかったのでviewDidAppearでとりあえず開始するようにしました。
• scHeiとscWidってなんなのかわかんなかったのでとりあえず画面サイズっぽい値を入れてみました。

KenteiViewController.swift

class KenteiViewController: UIViewController {

    private var myImageView: UIImageView!
    var pausedAnimations: [String: CAAnimation]?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // バックグラウンドへ遷移する通知の受信開始
        NSNotificationCenter.defaultCenter().addObserver(self, selector: #selector(KenteiViewController.didEnterBackgroundNotification(_:)), name: UIApplicationDidEnterBackgroundNotification, object: nil)
        // バックグラウンドから復帰する通知の受信開始
        NSNotificationCenter.defaultCenter().addObserver(self, selector: #selector(KenteiViewController.willEnterForegroundNotification(_:)), name: UIApplicationWillEnterForegroundNotification, object: nil)
    }
    
    deinit {
        // バックグラウンドへ遷移する通知の受信解除
        NSNotificationCenter.defaultCenter().removeObserver(self, name: UIApplicationDidEnterBackgroundNotification, object: nil)
        // バックグラウンドから復帰する通知の受信解除
        NSNotificationCenter.defaultCenter().removeObserver(self, name: UIApplicationWillEnterForegroundNotification, object: nil)
    }

    // バックグラウンドへ遷移する通知受信時の処理
    func didEnterBackgroundNotification(notification: NSNotification) {
        guard let myImageView = myImageView else { return }
        
        // myImageViewのレイヤに設定されているCAAnimationオブジェクトをpausedAnimationsに保持する
        var animations = [String: CAAnimation]()
        myImageView.layer.animationKeys()?.forEach({ (key) in
            animations[key] = myImageView.layer.animationForKey(key)
        })
        if !animations.isEmpty {
            pausedAnimations = animations
            pauseLayer(myImageView.layer)
        }
    }
    
    // バックグラウンドから復帰する通知受信時の処理
    func willEnterForegroundNotification(notification: NSNotification) {
        guard let myImageView = myImageView else { return }
        
        if let animations = pausedAnimations {
            // pausedAnimationsに保持していたCAAnimationオブジェクトをmyImageViewのレイヤに追加し直す
            animations.forEach({ (key, animation) in
                myImageView.layer.addAnimation(animation, forKey: key)
            })
            self.pausedAnimations = nil
            resumeLayer(myImageView.layer)
        }
    }
    
    override func viewDidAppear(animated: Bool) {
        super.viewDidAppear(animated)
        
        // とりあえずココでアニメーション開始
        timerbar()
    }
    
    // よくわかんないので画面サイズっぽい値にする
    let scHei: CGFloat = 480.0
    let scWid: CGFloat = 320.0
    
    func timerbar(){
        let barHeight = scHei*0.011
        let barWidth = scWid*0.58
        let barXPosition = scWid*0.14
        let barYPosition = scHei*0.367
        let barXPositionEnd = barXPosition + barWidth
        // UIImageViewを作成する.
        myImageView = UIImageView()
        // 表示する画像を設定する.
        let myImage = UIImage(named: "jikanbar.jpg")
        // 画像をUIImageViewに設定する.
        myImageView.image = myImage
        // 画像の表示する座標を指定する.
        myImageView.frame = CGRectMake(barXPosition ,barYPosition ,barWidth ,barHeight)
        // UIImageViewをViewに追加する.
        self.view.addSubview(myImageView)
        
        UIView.animateWithDuration(20, delay: 0.0, options : UIViewAnimationOptions.CurveLinear, animations: {() -> Void  in
            self.myImageView.frame = CGRectMake(barXPositionEnd, barYPosition, 0, barHeight)
            }, completion: {(finished: Bool) -> Void in
                // アニメーション終了後の処理
        })
        
    }

    func pauseLayer(layer: CALayer) {
        let pausedTime = layer.convertTime(CACurrentMediaTime(), fromLayer: nil)
        layer.speed = 0.0
        layer.timeOffset = pausedTime
    }
    
    func resumeLayer(layer: CALayer) {
        let pausedTime = layer.timeOffset
        layer.speed = 1.0
        layer.timeOffset = 0.0
        layer.beginTime = 0.0
        let timeSincePause = layer.convertTime(CACurrentMediaTime(), fromLayer: nil) - pausedTime
        layer.beginTime = timeSincePause
    }
}

Comments

[lyzmfeqpxs54]

ご回答ありがとうございます。不勉強で度々の質問をお許しください。
ご教示いただいた「CAAnimationオブジェクトをメンバ変数等に保存しておいて」の部分ですがUIView.animateWithDurationを保存する方法があるのでしょうか。それともCABasicAnimationを使用し「let scaleDown = CABasicAnimation(keyPath: "transform.scale")」のような方法をとらなければならないのでしょうか。

[u39ueda]

UIView.animateWithDurationを使ってアニメーションした場合でも、内部ではCoreAnimationを使っているためレイヤにCAAnimationオブジェクトがセットされています。
取得するにはanimationKeys()とanimationForKey()を使用します。

[lyzmfeqpxs54]

度々の質問失礼いたします。CAAnimationについてずっと調べていたのですが、全くとっかかりすら掴めない状況です。大変恐縮なのですが、具体的なコードを教えていただくことは可能でしょうか。不勉強で本当に申し訳ございません。

[u39ueda]

コードを追記しました。

[lyzmfeqpxs54]

ご教示いただいたコードで無事解決いたしました！
何度もお手数をおかけして申し訳ありませんでした。
また、何かありました際にいろいろとご教示いただければ幸いです。
本当にありがとうございました。

[lyzmfeqpxs54]

度々の質問大変恐縮ですが、最後に１点だけ質問をよろしいでしょうか。
ホームボタンで戻った際にcompletionのfinishedがfalseで返ってきてしまいます。
「completion: {(finished: Bool) -> Void in」の後に次のアニメーションの処理などを行いたいと考えているのため、ホームボタンで戻った際にfalseが返らないようにし、かつ、復帰後のアニメーション終了時にtrueを返すような方法を取ることは可能でしょうか。
ご教示いただければ幸いです。

[u39ueda]

追加し直したとはいえ、元のアニメーション自体はキャンセルされていますので完了ブロックがfalseで呼ばれてしまうのは当然と言えば当然の動作なんですよね。
なので、
> ホームボタンで戻った際にfalseが返らないようにし、かつ、復帰後のアニメーション終了時にtrueを返すような方法
は不可能と思います。

[lyzmfeqpxs54]

やはり不可能ですか……。度々のご回答ありがとうございました。
また、よろしくお願いいたします！