開発手記140827

Guide.開発記

定規のアルゴリズムを考えていきます。

先日作成したイメージラフがこちら



イメージしている動作の元となっているものを詳しく観察してみます

良く見るPhoto○hopとか、W○rdとかExc○lとかのルーラーですね


・動作確認

まだ単なる画像です。
拡大縮小に合わせて線の間隔も変更される。
拡大率によって、ラベルの内容と位置も変更される。


・実装方法


定規の位置は画面端固定なので、画像ScrollViewとは別にScrollViewを配置します。
UIScrollViewのDelegateメソッド- (void)scrollViewDidScroll:(UIScrollView *)scrollViewにて、画像のスクロールに定規のスクロールを追従させる動作を実装します。

定規線は拡大率によって間隔が変更されるので、UIViewのカスタムクラスを作成してdrawRect内で線をひく事にします。
CGContextを使用して線をひいています。

UIView - iPhoneアプリ開発の虎の巻
http://iphone-tora.sakura.ne.jp/uiview.html

作成したカスタムクラスを定規のScrollViewに格納します。



・実装済み画像（シミュレータです）

分かりやすく定規のラベルの背景色を変更しています。
青色とオレンジ色です。


画像をスクロールすると定規も追従します。

まだ実装していないですが、０以下マイナス分も表示する様にします。



次回
ピンチによる拡大動作に対応させます。


アプリごとの制作過程は、ブログの開発記カテゴリから一覧表示する事が出来ます。