UserDefaultsまたはDocumentに画像をdataに変換して保存・読み込みする方法

Question

前提・実現したいこと

画像をdataに変換してUserDefaultsに保存する
そしてセグエで繋げた次のViewでその画像をUserDefaultsから読み込んで表示できるようにしたい

UserDefaultsに画像データのような大きいのを保存するのはよくないみたいですが
Documentに保存するやり方も分からなかったので段階を踏んで学んでいくため
まずはUserDefaultsにて保存を目指しています

発生している問題・エラーメッセージ

ViewControllerでは
Value of optional type 'UIImage?' must be unwrapped to a value of type 'UIImage'

Coalesce using '??' to provide a default when the optional value contains 'nil'

Force-unwrap using '!' to abort execution if the optional value contains 'nil'

...

nextViewControllerでは
Cannot call value of non-function type 'UserDefaults'

###ソースコード(ViewController)

import UIKit

class ViewController: UIViewController {
    let defaults = UserDefaults.standard
    let image = UIImage(named: "home.png")
    
    @IBOutlet weak var imageview: UIImageView!
        {
        didSet
            {
            imageview.image = image
        }
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }
    
    @IBAction func save(_ sender: Any) {
        let pngImageData: Data? = UIImagePNGRepresentation(imageview.image)
        defaults.set(pngImageData, forKey: "画像キー")
    }
}

ソースコード(nextViewController)

import UIKit

class nextViewController: UIViewController {
    let defaults = UserDefaults.standard
    
    @IBOutlet weak var nextimageview: UIImageView!
        {
        didSet
        {
            let nextimage = UIImage(data: defaults(forKey: "画像キー"))
            nextimageview.image = nextimage
        }
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
    }
}

補足情報（FW/ツールのバージョンなど）

Xcode 11.7

Answer 1

インスタンス化した別の ViewController にデータを渡す目的だけで UserDefaults を使うのはあまり良い方法ではないかと思います（そのような例を紹介している書籍が多いのも事実ですが）。

インスタンス化した別の ViewController にデータを渡す方法はそれほど難しくはないので、この際理解してしまうのが良いかと思います。

下記の例では、UI部品（UIButtonなど）から Segue を引っ張っている場合の例ですが、 ViewController から引っ張っている場合でも、基本は同じとなります。

• ViewController.swift

import UIKit

class ViewController: UIViewController {
    let image = UIImage(named: "あつもり2.jpg")
    
    @IBOutlet weak var imageview: UIImageView!
        {
        didSet
        {
            imageview.image = image
        }
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }
    
    // Segue が実行される時に呼び出される
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        // Segue で呼び出されインスタンス化される ViewController が nextViewController クラスで、
        // かつ imageView.image が nil でない場合
        if let nextVC = segue.destination as? nextViewController, let image = imageview.image {
            
            // PNG データを作る
            let pngImageData = image.pngData()
            
            // 次に表示する nextViewController クラスの pngImageData プロパティに値を代入する
            nextVC.image = pngImageData
        }
    }
}

• nextViewController

import UIKit

// 流儀的にはクラス名の先頭は大文字にすべき
// つまり、nextViewController -> NextViewController
class nextViewController: UIViewController {
    // ViewController から渡されるデータ。
    var image: Data?
    
    // 呼び出し順番の関係で、プロパティオブザーバは使わない
    @IBOutlet weak var nextimageview: UIImageView!

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // もし、pngImage ==  nil であれば、「画像データがないよ」と表示し、viewDidLoad() を抜ける
        guard let pngImage = image else {
            print("画像データがないよ")
            
            return
        }
        
        // PNG データを使って画像を表示
        nextimageview.image = UIImage(data: pngImage)
    }
}

##追記

UserDefaults を使うとなると、まずはエラーが出ないようにする必要があります。
エラーのうち一つ目は、Data型を渡さなければいけないところにData?型を渡していることが原因です。

が、そもそも使おうとしているメソッドが古く廃止予定のメソッドなので、現行（Swift5）のメソッドに合わせて書き換える必要があります。

import UIKit

class ViewController: UIViewController {
    let defaults = UserDefaults.standard
    let image = UIImage(named: "あつもり2")
    
    @IBOutlet weak var imageview: UIImageView!
        {
        didSet
        {
            imageview.image = image
        }
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }
    
    @IBAction func save(_ sender: Any) {
        // Value of optional type 'UIImage?' must be unwrapped to a value of type 'UIImage'
        // let pngImageData: Data? = UIImagePNGRepresentation(imageview.image)
        let pngImageData = imageview.image?.pngData()
        defaults.set(pngImageData, forKey: "画像キー")
    }
}

一方、遷移先についてはこのような感じになります。
こちらは、取得するためのメソッド名が不足していることがエラーの原因です。

import UIKit

class nextViewController: UIViewController {
    let defaults = UserDefaults.standard

    @IBOutlet weak var nextimageview: UIImageView!
        {
        didSet
        {
            // Cannot call value of non-function type 'UserDefaults'
            // let nextimage = UIImage(data: defaults(forKey: "画像キー"))
            if let data = defaults.data(forKey: "画像キー") {
                nextimageview.image = UIImage(data: data)
            }
        }
    }

    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
    }
}

しかし、実はこの方法ではうまく動きません。

というのは、ViewController の save()が実行される前に、nextViewController の nextViewController に設定しているプロパティオブザーバが作用し、画像が保存されていないのにデータを読み込もうとしてしまうためです。

従って、ImageViewに画像を設定するのは、viewWillAppear()以降によびだされるメソッド内でおこなうことになります。

import UIKit

class nextViewController: UIViewController {
    let defaults = UserDefaults.standard
    
    @IBOutlet weak var nextimageview: UIImageView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        if let data = defaults.data(forKey: "画像キー") {
            nextimageview.image = UIImage(data: data)
        }
    }
}

Comments

[progpen123]

ご回答ありがとうございます。
今、少し時間が取れない状態でまだ試せていませんが後日やってみます！
解決した後ベストアンサーに選ばさせていただきます。

[progpen123]

遅れて申し訳ございません。
先ほどUserDefaultsを使わない場合と使う場合の両方が無事動きました。
細かいところまで丁寧に解説いただきありがとうございました。

この知識を活かして引き続きアプリ開発をしていきたいと思います！
ベストアンサーに選ばさせていただきます。