9VAeきゅうべえカスタムビューを作ってみる

9VAeきゅうべえiPad版作成日記。

今回は、タイマー描画を導入するために、カスタムビューを作り始めたところまで。

今までの経緯は、まずiPadアプリの作り方を勉強するために、お絵かきをするサンプルプロジェクトを入手し、タッチイベントの処理方法を勉強した。とりあえず、9VAeLibを合体させて、9VAe画面を表示させるとこまで作った。

いつものように、次の方針でやる。

１。必ず動作する状態でプロジェクトを作っていく。

２。必要になる基礎技術が全部動作確認するまでは、細かい部分は作らない。

１。は重要。理解不足でも、何か作業して動かなくなったら、その作業が間違っていると判断できる。動作するサンプルの改造から始めていくことが重要だ。

今回確かめたいのは、iOSでアニメーションを表示する方法だ。iOSはいろんな仕組みを提供してくれているが、9VAeは、独自なので、自分で画面を描画しないといけない。

画面を再描画させるには、setNeedsDisplay　を呼ぶことはわかったが、タイマーでこれを呼んでも、サンプルプロジェクトを何回も描画させることができなかった。

どうも、標準的なやり方では、自力描画ができないようなので、UIImageViewを改造した、QvaeImageViewというカスタムビューを作り、もう少し細かく処理を書いてみることにした。

まず、QvaeImageView.h とQvaeImageView.m というファイルを、サンプルを真似して作成。サンプルのメイン画面を、UIImageView　からQvaeImageViewに差し替えた。

StoryBoard（リソースエディタ）の中のメイン画面も、QvaeImageViewに変更。メイン画面を選択し、右側のタブを切り替えていくと、オブジェクトの種類がUIImageViewになっていたので、それを、QvaeImageViewに差し替えるとちゃんと動くようになった。ここまでの作業は正しいと思われる。