ボタン押下時、横にスライドする様なアニメーションを作成したい

Question

質問失礼します。

ボタン押下時にビューを横へスライドさせるアニメーションを使用してラベルのテキストを書き換えたいです。

テキスト更新前の状態をイメージとして取得・表示し、テキスト更新後のビューをスライドさせる方法を考えて、
下記の様にコードを記載してみました。

スクロールビューがなければ上手くいったのですが、
スクロールしていると取得する画像がビューの先頭からになってしまう為、画面にズレが発生してしまいます。
対象のビュー全体でなく、画像取得時に画面内に表示されている状態をイメージとして取得する方法はないでしょうか。

どなたか御教授いただけますと嬉しいです。
よろしくお願い致します。

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var label1: UILabel!
    @IBOutlet weak var label2: UILabel!
    @IBOutlet weak var label3: UILabel!
    @IBOutlet weak var prevImage: UIImageView!
    @IBOutlet weak var currentView: UIView!
    @IBOutlet weak var scrollView: UIScrollView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
    }

    @IBAction func buttonAction(_ sender: Any) {
            // キャプチャする範囲を取得.
             let rect = scrollView.bounds
             
             //ビットマップ画像のcontextを作成開始する(画像サイズ、透過がある場合はfalse(不透明の場合はtrue)、倍率を設定する)
             UIGraphicsBeginImageContextWithOptions(rect.size, false, 0.0)
             //contextを作成
             let context: CGContext = UIGraphicsGetCurrentContext()!
             //対象のview内の描画をcontextにrender(複写)する.
            scrollView.layer.render(in: context)
             //現在のcontextのビットマップをUIImageとして取得.
             let capturedImage: UIImage = UIGraphicsGetImageFromCurrentImageContext()!
             //前の画面をImageViewとして表示する
            prevImage.image = capturedImage
             // contextを閉じる.
             UIGraphicsEndImageContext()
            //scrollViewをアニメーション開始位置に移動させる
            scrollView.transform =  CGAffineTransform(translationX: scrollView.frame.size.width, y: 0)
            
            //ラベルのテキストに値を反映する
            label1.text = "たちつてと"
            label2.text = "なにぬねの"
            label3.text = "はひふへほ"
        
            //アニメーションを開始する
            UIView.animate(withDuration: 1, animations: {
                //画面を横にスライドさせて表示する
                self.scrollView.transform = CGAffineTransform(translationX: 0, y: 0)
               
            }, completion: {finished in self.prevImage.image = nil})
    }
}

Answer 1

let rect = self.view.frame

で動かない？

Comments

[Ka_ya_]

tyobigorouさん、ご回答ありがとうございます。

スクロールビューのサイズで取り込まなければ良かったんですね…！！
教えていただいた内容と併せて
スクロールビューの動きをsetContentOffsetとisScrollEnabledで制御したところ、
無事に違和感のない横スクロールのアニメーションが実装出来ました＾＾

ご回答いただきありがとうございましたっ！