本企画の全記事はこちらから今まではダミーのデータで一覧を表示していましたが、ドット絵を保存してそのデータを使うようにします。Picture構造体Codableに対応したPictureというStructを使ってデータを保存します。4プログラミング入門」9章で紹介しています。ドット絵の保存には以下のようなstructを使いました。省略}UIColorがそのままではCodableに対応していないため、Dataに変換しています。全体のソースコードは以下で閲覧できます。構造体を使って一覧を表示します。ここでは、プラスボタンをタップするとデータを追加し、テーブルビューを再読込することで実装しています。}構造体の箇所では省略しましたが、allは全データを読み込んで配列で返す静的メソッドで、saveメソッドは現在のPictureをJSONデータとして保存するメソッドです。この状態で実行してみると、一覧の動作が確認できました。保存したデータを使うあとは、一覧から編集画面に遷移する時に、保存したPictureを使うようにすればOKです。}こんな感じでセグエ呼び出しの際に渡して、ドット絵が変更されるたびにpictureを保存しています。保存した画像をテーブルビューのimageにも表示してあげるとそれっぽくなりました。ドットを変更するたびに保存するのは負荷が高そうなのでもう少し効率化したいところですが、機能としては期待どおりに動いているのでこの状態で先に進みます。この状態のプロジェクトのダウンロードはこちらから。tnantokaホームブログサンプルFacebookサポート。