本企画の全記事はこちらから今回はUndoとRedoの機能をつけます。本企画の全記事はこちらから前回の記事から1ヶ月以上も空いてしまいました。個人開発の一番の敵、それは技術的なハードルなどではなく「飽き」だと思います。飽きを克服するのは簡単ではありませんが、以下の記事がヒントになります。日刊イトイ新聞-脳の気持ちになって考えてみてください。〜「やる気」と「脳」の話を、池谷裕二さんと。〜「やりはじめないと、やる気は出ません。脳の側坐核が活動するとやる気が出るのですが、側坐核は、何かをやりはじめないと活動しないので。」つまり、無理矢理でも再開しちゃえば、やる気になってくれるかもしれないということですね。いうことで、今回はドット絵を描く色の選択機能をなんとか実装していきます。本企画の全記事はこちらから今回も編集画面を触っていきます。グリッド線(マス目)を表示できるようにしましょう。EditorViewでグリッド表示isGridというフラグを追加して、それがtrueの場合にグリッドを描画するようにします。メンバー」で説明しています。描画ロジックは簡単で、1〜31までループを回してそこに線を引いていくだけです。本企画の全記事はこちらからいよいよドット絵を描けるようにします。4プログラミング入門」の15章の内容を使って実装できます。カスタムビューEditViewControllerのビューをEditorViewというカスタムクラスを使うように設定します。このクラスにドット絵を描く機能を持たせていきます。Pocketでは32×32のドット絵をサポートすることにします。データはドット数分の配列を用意して、そこにUIColorで色情報を持たせます。後から変えるかもしれませんが。こんな感じで透明で初期化しています。描画機能EditorViewのtouchesMoved(_:with)でタップした位置から、配列の該当箇所を計算し、そこに色を入れます。本来は選択した色を使いますが、ここでは黒で決め打ちしています。本企画の全記事はこちらから今回は仮の編集画面を作ります。一覧から編集画面への遷移Storyboardから編集画面用のコントローラーを追加します。EditViewControllerというUIViewControllerのサブクラスを作り、このクラスを使うように設定します。一覧からセグエをつなぎます。セグエにはeditと名前を付けておきます。このセグエをIndexViewControllerのtableView(_:didSelectRowAt:)から呼び出して画面遷移させます。この動きは仮で最終的にはアクションシートが表示される予定。13.2「画面遷移」や13.8「テーブルビューを簡単に使う」が参考になります。これで、一覧のアイテムをタップすると真っ白な画面に遷移するようになりました。編集画面のUIを作る以下のようにして編集画面を作っていきます。Viewに背景色を付ける幅・高さ300のサブビューを中央に置くツールバーにボタンを置く(いずれアイコンにする)2.は14章のオートレイアウトを参考に作業すれば簡単です。こんな感じになりました。プロジェクトは以下のリンクからダウンロードできます。https://github.com/tnantoka/PixelArtPocket/releases/tag/my-app-dev-flow-6次回は、ドット絵を描く機能を作り始めます。9対応」のサポート情報やiOS/Swiftプログラミングのノウハウを配信しています。tnantokaホームブログサンプルFacebookサポート。