初心者が進めるiphoneアプリ開発

時間を取得して計測に使う（NSDate）

タイマーを設定して10ms単位でカウントアップしても、タイマーは正確に10msでメソッドの実行ができないので時間を測定するのには使えません。そこでストップウォッチみたいに細かい時間の取得をするには「NSDate」クラスを使って、起動開始の時間と停止の時間との差分を求める方法があります。

ヘッダでタイマ、タイマスタート時間、タイムアウトで実行するメソッドを宣言します。

@interface TestViewController : UIViewController {
    NSTimer *timer1;    //タイマ
    NSDate *stdate;    //タイマスタートの時間
}

- (void)timedisplay:(NSTimer *)timer;    //タイムアウトで時間表示するメソッド

@end

タイマーを起動する際に、タイマーのスタート時間を取得しておきます。

//タイマー動作開始、0.01秒きざみに設定
timer1 =
[NSTimer
scheduledTimerWithTimeInterval:0.01
target:self 
selector:@selector(timedisplay:) 
userInfo:nil 
repeats:YES]; 

//スタート時間の取得
stdate=[NSDate date];
[stdate retain];

タイムアウト時に数値を表示させる処理を入れます。
ここで、「timeIntervalSinceDate」メソッドを利用することで、ある日時からある日時までの経過秒数を取得することが可能です。

- (void)timedisplay:(NSTimer *)timer
{
    NSDate *now=[NSDate date];    //現在の時間を取得
    
    //開始時間と現在時間の差分を、少数点以下2桁で表示
    timedisplay.text=
    [NSString stringWithFormat:@"%.2f",[now timeIntervalSinceDate:stdate]];
}

これでタイマー起動中は少数点以下の数値がそれらしく動き、タイマーを停止すればタイマーを起動した時間から停止した時間までの差分が出ます。タイマーを停止した直後に結果を表示させます。

[timer1 invalidate];
NSDate *now=[NSDate date];
timedisplay.text=
[NSString stringWithFormat:@"%.2f",[now timeIntervalSinceDate:stdate]];

実行結果

要素とキーを対で持つ変更不可配列（NSDictionary）

NSDictionaryは要素とキーを対として保持する変更不可なオブジェクト配列クラスです。キーを手がかりに要素を取り出すことが可能です。ディクショナリを作成して、キーや要素を取り出す例です。

//ディクショナリをメモリ保持で作成
NSDictionary *tel;
tel=[[NSDictionary dictionaryWithObjectsAndKeys:
@"9999-2377-9877",@"荒井",
@"9999-7656-0098",@"加藤",
@"9999-7677-9908",@"佐藤",
@"9999-4432-6678",@"田中",
@"9999-2213-1244",@"中村",nil]retain];

//要素数を得る
int count;
count=[tel count];
NSLog(@"%d",count);

実行結果

//キーから要素を得る
NSString *telStr;
telStr=[tel objectForKey:@"田中"];
NSLog(telStr);

実行結果

//キーの配列を得る
NSArray *arrKeys;
arrKeys=[tel allKeys];

//コンソールに表示
for (NSString *element in arrKeys) {
    NSLog(element);
}

実行結果

//要素の配列を得る
NSArray *arrValues;
arrValues=[tel allValues];

//コンソールに表示
for (NSString *element in arrValues) {
    NSLog(element);
}

実行結果

キーの配列と要素の配列のログから、配列として生成される順番はバラバラだけど、「Key」と「Value」の対はちゃんと一致していることが分かります。

PickerViewの使い方（UIPickerView）

PickerViewは自分で用意した複数の値の中から１つの値を選択してもらう時に使用します。値が選択されるとメソッドが起動して、選択された値を受け取ってそれに対する動作を決定します。

「View-based Application」のフォーマットで作成したベースアプリを例に、実際に使用してみます。

「Interface Builder」を起動し、メニューから「Tools」→「Library」を開きます。「Library - Cocoa Touch - Data Views」から「Picker View」をドラッグしてViewに置きます。Viewの横幅いっぱいで大きいですが、全体のサイズ変更はできないようです。上のラベルは動作確認用です。

ヘッダに<UIPickerViewDelegate>を書き加えてプロトコルの実装をしてください。

@interface AgeViewController : UIViewController
<UIPickerViewDelegate>{ //プロトコルの実装
    //アウトレット
    IBOutlet UILabel *display;        //ラベル
    IBOutlet UIPickerView *picker;    //ピッカービュー
}

@end

「Interface Builder」でアウトレットをラベル（動作確認用）とピッカービューに結び付けてください。黒いダイアログは「File's Owner」上で右クリック「control ＋クリック」をすると出ます。

アプリ起動直後、デリゲートを自分自身に設定します。

- (void)viewDidLoad {
    [super viewDidLoad];
    picker.delegate=self;    //デリゲートを自分自身に設定
}

サンプルとして、3列のピッカービューを定義します。1列目は1行、2列目は2行、3列目は3行のコンポーネントを設定します。

//列数の設定（設定する列の数をreturnで返す）
- (NSInteger) numberOfComponentsInPickerView:(UIPickerView *)pickerView {
    return 3;
}


//！！行も列も番号は0から始まるので注意
//列（componentの値で渡される）に対する、行数の設定（設定する行の数をreturnで返す）
- (NSInteger) pickerView: (UIPickerView*)pView
numberOfRowsInComponent:(NSInteger) component {
    if (component==0) {
        return 1;
    }
    else if(component==1){
        return 2;
    }
    else if(component==2){
        return 3;
    }
    else{
        return 0; //帰り値が存在するので、関係ない場合でもとりあえず0を返させる
    }
}


//列（componentの値）、行（rowの値）に対する表示するものを設定
- (NSString*)pickerView: (UIPickerView*)pView
titleForRow:(NSInteger) row forComponent:(NSInteger)component {
    if (component==0) {
        if(row==0){
            return [NSString stringWithFormat:@"a"];
        }
        else {
            return [NSString stringWithFormat:@"0"];
        }
    }
    else if (component==1) {
        if(row==0){
            return [NSString stringWithFormat:@"1"];
        }
        else if(row==1){
            return [NSString stringWithFormat:@"2"];
        }
        else {
            return [NSString stringWithFormat:@"0"];
        }
    }
    else if (component==2) {
        if(row==0){
            return [NSString stringWithFormat:@"あ"];
        }
        else if(row==1){
            return [NSString stringWithFormat:@"い"];
        }
        else if(row==2){
            return [NSString stringWithFormat:@"う"];
        }
        else {
            return [NSString stringWithFormat:@"0"];
        }
    }
    else {
        return [NSString stringWithFormat:@"0"];
    }
}

ピッカービューの操作が起きたときにイベントを発生させるコードを書きます。このメソッドは、ピッカービューの項目の選択が確定した時に呼ばれます。

//選択されているindexを受け取って、ラベルに表示する
- (void) pickerView: (UIPickerView*)pView
didSelectRow:(NSInteger) row  inComponent:(NSInteger)component {
    int row1;
    int row2;
    int row3;
    
    row1 = [picker selectedRowInComponent:0];  //0列目が選択されているindex
    row2 = [picker selectedRowInComponent:1];  //1列目が選択されているindex
    row3 = [picker selectedRowInComponent:2];  //2列目が選択されているindex
    
    display.text=[NSString stringWithFormat:@"%d - %d - %d",row1,row2,row3];
}

実行するとラベルにピッカービューで選択が確定した時の0～2列目のindex番号が表示されます。

ナビゲーションバー（UINavigationController）にビューを追加する３

空のページだと味気ないんで、ウェブページを表示してみます。

「WebViewController.h」の編集

#import 

@interface WebViewController : UIViewController {
    //アウトレットの宣言
    IBOutlet UIWebView *wv;
}

//プロパティを宣言
@property (retain) UIWebView *wv;

@end

「WebViewController.m」の編集

//プロパティを実装
@synthesize wv;

「WebViewController.xib」を開き、「Library」から「View」へ「Web View」をドラッグ＆ドロップします。大きさは画面全体でいいです。

「File's Owner」上で右クリック「control ＋クリック」し、「wv」を「Web View」に紐付けします。保存して設定完了です。

先ほどのソースの部分に、少し書き加えます。

「RootViewController.m」の編集

//テーブルがタップされたときの動作
- (void)tableView:(UITableView *)tableView
didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    //クリックされたセルの名前を取得
    //ルートのテーブル名と比較
    NSString *name;
    name=[names objectAtIndex:indexPath.row];
    
    //クリックされたセルの名前に対するテーブル表示用
    NSArray *childNames=nil;    //子テーブルのセル文字列格納用
    if ([name isEqualToString:@"東京都"]) {
        childNames=[NSArray arrayWithObjects:@"豊島区",@"港区",nil];
    }
    else if ([name isEqualToString:@"埼玉県"]) {
        childNames=[NSArray arrayWithObjects:@"さいたま市",@"所沢市",@"熊谷市",nil];
    }
    else if ([name isEqualToString:@"千葉県"]) {
        childNames=[NSArray arrayWithObjects:@"柏市",@"我孫子市",nil];
    }
    
    //childNamesの中身があれば実行（下の階層があれば移動する）
    //子のテーブルを作成して、アニメーションしながら移動する
    if (childNames) {
        //RootViewControllerのインスタンスを作成
        RootViewController *childViewController;
        childViewController=[[RootViewController alloc]
        initWithNibName:@"RootViewController" bundle:nil];
        [childViewController autorelease];
        
        //RootViewControllerの設定
        childViewController.title=name;
        childViewController.names=childNames;
        
        //RootViewControllerをコントローラスタックに追加
        [self.navigationController
        pushViewController:childViewController animated:YES];
    }
    else{
        //子の項目がクリックされた場合はこっちを通る
        //WebViewControllerのインスタンスを作成
        WebViewController *webView;
        webView=[[WebViewController alloc]
        initWithNibName:@"WebViewController" bundle:nil];
        [webView autorelease];
        
        //UIWebViewのインスタンスを作成
        webView.wv=[[UIWebView alloc]init];
        webView.wv.scalesPageToFit=NO;
        [webView.view addSubview:webView.wv];
        
        //ページを表示、「港区」ならグーグル、その他はヤフー
        NSString *urlStr;
        if ([name isEqualToString:@"港区"]) {
            urlStr=@"http://www.google.co.jp/";
        }
        else {
            urlStr=@"http://www.yahoo.co.jp/";
        }
        
        NSURL *url=[NSURL URLWithString:urlStr];
        NSURLRequest *req=[NSURLRequest requestWithURL:url];
        [webView.wv loadRequest:req];
        
        //WebViewControllerの設定
        webView.title=name;
        
        //WebViewControllerをコントローラスタックに追加
        [self.navigationController
        pushViewController:webView animated:YES];
    }
}

「港区」だとグーグルへ、

「熊谷市」だとヤフーへ行きます。

ナビゲーションバー（UINavigationController）にビューを追加する２

子のテーブルの項目がクリックされた場合、追加したビューにページが移るように組み込みます。

「ナビゲーションバー（UINavigationController）の使い方２」のソース「RootViewController.m」の、タップされた時の動作に組み込みます。

「RootViewController.m」の編集

//ヘッダを追加します
#import "WebViewController.h"

//・・・・・略・・・・・

//テーブルがタップされたときの動作
- (void)tableView:(UITableView *)tableView
didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    //クリックされたセルの名前を取得
    //ルートのテーブル名と比較
    NSString *name;
    name=[names objectAtIndex:indexPath.row];
    
    //クリックされたセルの名前に対するテーブル表示用
    NSArray *childNames=nil;    //子テーブルのセル文字列格納用
    if ([name isEqualToString:@"東京都"]) {
        childNames=[NSArray arrayWithObjects:@"豊島区",@"港区",nil];
    }
    else if ([name isEqualToString:@"埼玉県"]) {
        childNames=[NSArray arrayWithObjects:@"さいたま市",@"所沢市",@"熊谷市",nil];
    }
    else if ([name isEqualToString:@"千葉県"]) {
        childNames=[NSArray arrayWithObjects:@"柏市",@"我孫子市",nil];
    }
    
    //childNamesの中身があれば実行（下の階層があれば移動する）
    //子のテーブルを作成して、アニメーションしながら移動する
    if (childNames) {
        //RootViewControllerのインスタンスを作成
        RootViewController *childViewController;
        childViewController=[[RootViewController alloc]
        initWithNibName:@"RootViewController" bundle:nil];
        [childViewController autorelease];
        
        //RootViewControllerの設定
        childViewController.title=name;
        childViewController.names=childNames;
        
        //RootViewControllerをコントローラスタックに追加
        [self.navigationController
        pushViewController:childViewController animated:YES];
    }
    else{
        //子の項目がクリックされた場合はこっちを通る
        //WebViewControllerのインスタンスを作成
        WebViewController *webView;
        webView=[[WebViewController alloc]
        initWithNibName:@"WebViewController" bundle:nil];
        [webView autorelease];
        
        //WebViewControllerの設定
        webView.title=name;
        
        //WebViewControllerをコントローラスタックに追加
        [self.navigationController
        pushViewController:webView animated:YES];
    }
}

「豊島区」をクリックすると、「豊島区」という空のページへ移ります。ナビゲーションバーの「東京都」をクリックすると上のページへ戻ります。

ナビゲーションバー（UINavigationController）にビューを追加する１

「Navigation-Based Application」のテンプレートでナビゲーションバーアプリケーションを作成すると、テーブルビューは用意されていてすぐに使用できますが、ほかのビューを表示するには追加してやる必要があります。まずはビューを追加します。

「Classes」を右クリック「control ＋クリック」して、「追加」→「新規ファイル...」とたどってクリックします。

「UIViewController subclass」を選択し、オプションの「With XIB for user Interface」にチェックを入れて、「次へ」行きます。

ファイル名をつけて「完了」で作成されます。「同時にヘッダも作成」にはチェックを入れたままにしてください。

こんな感じに「h」「m」「xib」の3つのファイルができています。

「xib」ファイルはドラッグ＆ドロップして「Resources」の中に移しておいてください。

新しく作った「WebViewController.xib」を開き、「Library」から「View」をドラッグ＆ドロップしてください。

「File's Owner」上で右クリックし、「view」を「View」に紐付けします。保存してビューの追加ができました。

アラートの表示（UIAlertView）

アラートはユーザーに確認や注意を促したり、複数の選択肢から選択してもらって結果を得る場合に出す、ポップアップ画面です。

◆ボタン1個の例

UIAlertView *alert=[[UIAlertView alloc]init];
alert.title=@"完了確認";
alert.message=@"設定しました";
[alert addButtonWithTitle:@"了解"];
[alert show];

実行結果

◆ボタン2個の例

ボタンが2個になると、どちらが選択されたかを受け取る必要があります。そこでデリゲートを設定してメソッドを呼ぶように設定します。

UIAlertView *alert=[[UIAlertView alloc]init];
alert.delegate=self;  //Alertのボタンが押されるとメソッドが呼ばれる
alert.title=@"内容確認";
alert.message=@"この内容でよろしいでしょうか？";
[alert addButtonWithTitle:@"いいえ"];
[alert addButtonWithTitle:@"はい"];
[alert show];

//呼ばれるメソッド
- (void)alertView:(UIAlertView *)alertView
clickedButtonAtIndex:(NSInteger)buttonIndex{

    UIAlertView *alert2=[[UIAlertView alloc]init];
    alert2.title=@"完了確認";
    
    if (buttonIndex==0) {
        alert2.message=@"取り消しました";
        [alert2 addButtonWithTitle:@"了解"];
        [alert2 show];
    }
    else if (buttonIndex==1) {
        alert2.message=@"設定しました";
        [alert2 addButtonWithTitle:@"了解"];
        [alert2 show];
    }
}

「いいえ」か「はい」かを選択

「いいえ」の場合

「はい」の場合

（おまけ）ボタンが3つの場合

Text Fieldの使い方３（UITextField）

入力に使用するキーボードのスタイルも変更することができます。

◆keyboardType（キーボードのスタイル）

tf.keyboardType=UIKeyboardTypeDefault;

tf.keyboardType=UIKeyboardTypeASCIICapable;

tf.keyboardType=UIKeyboardTypeNumbersAndPunctuation;

tf.keyboardType=UIKeyboardTypeURL;

tf.keyboardType=UIKeyboardTypeEmailAddress;

tf.keyboardType=UIKeyboardTypeNumberPad;

tf.keyboardType=UIKeyboardTypePhonePad;

※UITextFieldで日本語のキーボードを出す設定は無いですが、キーボードタイプにデフォルトを設定すると、実機において前回使っていたキーボードが出ます。日本語キーボードを出したい場合には「UIKeyboardTypeDefault」に設定しておいてください。

◆returnKeyType（キーボードの「return」キー）

tf.returnKeyType=UIReturnKeyDefault;

tf.returnKeyType=UIReturnKeyGo;

tf.returnKeyType=UIReturnKeyGoogle;

tf.returnKeyType=UIReturnKeyJoin;

tf.returnKeyType=UIReturnKeyNext;

tf.returnKeyType=UIReturnKeyRoute;

tf.returnKeyType=UIReturnKeySearch;

tf.returnKeyType=UIReturnKeySend;

tf.returnKeyType=UIReturnKeyYahoo;

tf.returnKeyType=UIReturnKeyDone;

tf.returnKeyType=UIReturnKeyEmergencyCall;

Text Fieldの使い方２（UITextField）

UITextFieldのプロパティを変更することによってスタイルなどを変えることができます。

◆text

tf.text=@"テキスト";

◆textColor

tf.text=@"赤テキスト";
tf.textColor=[UIColor redColor];

◆borderStyle

tf.borderStyle=UITextBorderStyleRoundedRect;
tf.text=@"UITextBorderStyleRoundedRect";

tf.borderStyle=UITextBorderStyleLine;
tf.text=@"UITextBorderStyleLine";

tf.borderStyle=UITextBorderStyleBezel;
tf.text=@"UITextBorderStyleBezel";

tf.borderStyle=UITextBorderStyleNone;
tf.text=@"UITextBorderStyleNone";

◆textAlignment

tf.textAlignment=UITextAlignmentLeft;
tf.text=@"左寄せ";  //デフォルト

tf.textAlignment=UITextAlignmentRight;
tf.text=@"右寄せ";

tf.textAlignment=UITextAlignmentCenter;
tf.text=@"中央寄せ";

◆placeholder（入力の説明文）

tf.placeholder=@"登録するサイト名を入力してください";

Text Fieldの使い方１（UITextField）

「Text Field」とはユーザーからの入力を受け取る場合に使用します。「Text Field」がタップされるとユーザーが入力するためのキーボードが出て、キーボードの「return」がタップされるとキーボードが引っ込むものを作ってみます。

「TestViewController.h」の編集

@interface Test2ViewController : UIViewController {
    //アウトレットを追加
    IBOutlet UITextField *tf;
}

@end

「TestViewController.m」の編集

//UITextFieldのデリゲートメソッドを追加
//イベントが発生した場合に呼ばれます

//テキストフィールドを編集する直前に呼び出されます
- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField{
    NSLog(@"textFieldShouldBeginEditing");
    return YES;  //これをNOにすると、キーボードが出ません
}


//テキストフィールドを編集する直後に呼び出されます
- (void)textFieldDidBeginEditing:(UITextField *)textField{
    NSLog(@"textFieldDidBeginEditing");
}


//Returnボタンがタップされた時に呼び出されます
- (BOOL)textFieldShouldReturn:(UITextField *)textField{
    NSString *retStr;
    retStr=tf.text;  //テキストを受け取って
    NSLog(retStr);  //コンソールに表示
    
    //「resignFirstResponder」はユーザーのアクションに対して
    //最初に応答するオブジェクトを放棄するという命令なので
    //「tf」が放棄されて、キーボードも消えます
    [tf resignFirstResponder];
    return YES;
}


//テキストフィールドの編集が終了する直前に呼び出されます
- (BOOL)textFieldShouldEndEditing:(UITextField *)textField{
    NSLog(@"textFieldShouldEndEditing");
    return YES;  //これをNOにすると、キーボードが消えません
}


//テキストフィールドの編集が終了する直後に呼び出されます
- (void)textFieldDidEndEditing:(UITextField *)textField{
    NSLog(@"textFieldDidEndEditing");
}

「TestViewController.xib」の編集

「Resources」から「TestViewController.xib」をダブルクリックして「Interface Builder」を開きます。

「Library」から「Text Field」を「View」にドラッグ＆ドロップします。

「File's Owner」上で右クリック「control ＋クリック」して、黒いダイアログを出し、「tf」と「Text Field」を紐付けします。

「Text Field」上で右クリックして、黒いダイアログを出し、「delegate」と「File's Owner」を紐付けして保存します。

実行して「Text Field」をタップするとキーボードが出て入力でき、「return」をタップすると入力を終了します。

コンソールにはこのようなログが残ります。編集開始メソッド呼び出し後、「Text Field」に入力した内容を受け取ってログに残し、編集終了メソッドが呼ばれています。

「textFieldShouldBeginEditing」や「textFieldShouldEndEditing」で「return NO;」にすると次のメソッドが呼ばれないので、動作を自由にエディットすることができます。（例：入力するのにキーボードの代わりにPicker Viewを出す）