iPhoneアプリ開発 芳名帳アプリ作成(2)　－記帳画面作成－

　今までの流れ

• iPhoneアプリ開発 芳名帳アプリ作成(1)

　画面構成

今回の芳名帳アプリは以下の画面で構成しています。

• メイン画面(MainViewController)
• 設定画面(SettingViewController)
• 記帳画面(GuestBookViewController)

　メイン画面

　ボタンにアクション追加

以下のようにInterfaceBuilderを使って、「変数」と「アクション」を関連付けます。

関連付けを終えると「MainViewController.h」は以下のような感じになっています。

 @property (weak, nonatomic) IBOutlet UIButton *startBtn;
 @property (weak, nonatomic) IBOutlet UIButton *settingBtn;
 - (IBAction)startBtnPressed:(UIButton *)sender;
 - (IBAction)settingBtnPressed:(UIButton *)sender;

今回は、「TouchDown」と関連付けしています。

「Touch Down」はボタンをタッチした時に呼ばれます。
「Touch up Inside」はボタン領域[内]で画面から指を時に呼ばれます。
「Touch up Outside」はボタン領域[外]で画面から指を離した時に呼ばれます。

iPhoneアプリ開発　－UIButtonのTouch Down、Touch up Inside、Touch up Outsideの使い方－ | PPl@ce

　画面遷移

「設定画面」と「記帳画面」に遷移するようにします。

関連付けが終わっていると「MainViewController.m」に以下の2つのメソッドが追加されています。

 - (IBAction)startBtnPressed:(UIButton *)sender {
 }
 - (IBAction)settingBtnPressed:(UIButton *)sender {
 }

まず、各画面のhファイルをimportしておきます。

#import "GuestBookViewController.h"
#import "SettingViewController.h"

各メソッドに各画面に遷移するように記述します。

 - (IBAction)startBtnPressed:(UIButton *)sender {
    GuestBookViewController *vc = [[GuestBookViewController alloc] initWithNibName:@"GuestBookViewController"
                                                                            bundle:nil];
    [self.navigationController pushViewController:vc animated:YES];
 }

これで、ボタン押下時に画面遷移します。

　記帳画面

必要な機能として以下が必要です。

• 名前を書く
• 名前を保存する

まず、名前を書く機能から作成してみます。

　名前を書くスペースの用意

名前を書くスペースとしてUIImageViewを設置します。
そこで、タッチを検出するようにし、タッチ移動で名前を書けるようにします。

self.nameSpace.userInteractionEnabled = YES;

上記でUIImageViewでタッチを検出することが出来るようになります。

そして以下の3つのメソッドでタッチ・タッチ移動・タッチ終了を検出できます。

 - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
 }
 - (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
 }
 - (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {
 }