水無月の余韻開発Sc.

時間を記録して、直近の記録からの経過時間を表示するiPhoneアプリを作りました。

MMOなどで、一度取得すると一定時間取得できなくなるアイテムがあったりしまして、その把握を簡単にするのが目的です。

開発中にひっかかったとろなどを記録します。

アプリを起動すると、直近の記録と経過時間が表示されます。

画面1 f:id:ichiko_revjune:20140107103628p:plain

「履歴を見る」、から一覧で参照することができ、削除もできます。

画面2 f:id:ichiko_revjune:20140107103632p:plain

画面3 f:id:ichiko_revjune:20140107103636p:plain

UIをStoryboardを使用して作成することにしたのですが、UIが反映されないという問題にハマりました。

XCodeでEmpty Applicationテンプレートから作成する。
UIをStoryboardで作成することにしたので、プロジェクトに新規のStoryboardを追加する。
TableViewを使用するので、Object libraryから、Table View Controllerを貼り付ける。
TableViewの挙動を書き換えるため、UITableViewControllerを継承したクラスを作成し、プロパティCustom Classに指定する。
そのまま実行してみると、画面は真っ白のままです。
AppDelegate.didFinishLaunchingWithOptionsを変更して、Storyboardで指定した、Custom ClassからUIViewを作成して、windowに追加する。(←ここで間違った!
空っぽのTableViewが表示されました。(←ここで騙された!
TableViewの項目に、セルの番号(indexPath.row)を設定するように変更する。
空っぽのTableViewが表示されました。おかしいぞ…

プロジェクトテンプレートをSingle View Applicationとすれば、テンプレートに含まれるStoryboardを使用するようにプロジェクトが設定されています。

Storyboardを使用するようにするために、以下のようにしました。

AppDelegate.didFinishLaunchingWithOptionsを変更して、以下の内容のみとする。
```
return YES;
```
Project Navigatorのルートを選択して、Targets > [Application Name] > General > Deployment Info > MainInterface に、作成したStoryboardを指定する。

日時の記録は、Core Dataを使用して保存することにしました。

Core Dataの基本的な使い方を調べて、CRUDを実装しようとしました。このときの、Core Dataの使い方はこんなイメージです。

f:id:ichiko_revjune:20140107110914p:plain

Core Dataのしくみ、使い方は、以下のページを参考にしました。

その後、TableViewとCore Dataの連携はもっと簡単になるよ、ってことでキーワード NSFetchedResultController で調べました。

参考にしたのは、以下のページです。

NSFetchedResultController と NSFetchedResultsControllerDelegate を使うと、一覧上での削除はずいぶんと簡単になりそうです。差分だけ更新が可能になるので。画面を表示するたびに、データを取得しなおして、再表示という手間はなくなりました。

ただし、完全になくなったというわけではなく、画面1では、viewDidAppearにて、画面の更新をしています。一覧で最新のレコード(画面1で表示しているデータ)が削除された場合に、画面が戻ってきてから、表示更新までにラグが発生することがあるためです。

Core Dataの使い方は、こうなります。 NSFetchedResultControllerは、各画面ごとに取得・保持しています。

f:id:ichiko_revjune:20140107112115p:plain

コードはgithub.comで公開しています。実際のコードを確認する方はこちらからどうぞ。

プログラミング関連の雑記