Pickers(1)~下準備

2010. 10. 04
はじめてのiPhoneプログラミング』の次のお題は、タブバーとピッカーです。

ピッカーは過去に『iPhone SDKの教科書』での『エイジを作ってみた』や、『基礎からのiPhone SDK 改訂版』での『メモ帳の作成(4)~ピッカービュー』で紹介していますが、タブバーを使うのは始めてですね。

今回のサンプルコードは、タブバーに5つのタブがあり、それぞれ異なるピッカーのビューを切り替える形になります。

一つ目は実装が一番簡単なDate Pickerです。

788

二つ目はコンポーネントが1個のPickerViewです。

789

三つ目はコンポーネントが2個になります。

790

四つ目もコンポーネントが2個ありますが、三つ目と異なり左側のコンポーネントで選択した要素に応じて、右側のコンポーネントが変化するものです。

791

五つ目はコンポーネントの要素に、文字列ではなく画像を使ったものです。

792

実装していく過程で徐々に難易度が上がっていく内容ですので、楽しめるサンプルコードです。


●プロジェクトの作成

Window-based Applicationテンプレートで、プロジェクト名を『Pickers』とします。

793


●ビューコントローラとnibファイルの追加

今回は基本となるタブバーのルートビューコントローラは、自動生成されたPickerAppDelegateとMainWindow.xibに実装しますので、タブを切り替えた時の5つのビューコントローラと5つのコンテントビューを追加します。

まず、『グループとファイル』で『Classes』を右クリックし、『追加』→『新規ファイル...』を選択します。

左ペインで『iPhone OS』下の『Cocoa Touch Class』を選択し、右上ペインの『UIViewController Subclass』を選択して『次へ』に進みます。

794

ファイル名を『DatePickerViewController.m』とし、『同時に"~.h"も作成』のチェックを入れたまま『完了』を押します。

795

同様に、
・SingleComponentPickerViewController.m
・DoubleComponentPickerViewController.m
・DependentComponentPickerViewController.m
・CustomPickerViewController.m
を追加します。

796

続いてコンテントビューであるnibファイルを追加します。

『グループとファイル』で『Resources』を右クリックし、『追加』→『新規ファイル...』を選択します。

左ペインで『iPhone OS』下の『User Interface』を選択し、右上ペインの『View XIB』を選択して『次へ』に進みます。

797

ファイル名を『DatePickerView.xib』として『完了』を押します。

798

同様に、
・SingleComponentPickerView.xib
・DoubleComponentPickerView.xib
・DependentComponentPickerView.xib
・CustomPickerView.xib
を追加します。

799


●コンテントビューの編集

追加したコンテントビュー(nibファイル)の編集を行います。

ここではInterface Builder上で、各ビューを先に追加したビューコントローラに対応させ、ビューのサイズをステータスバーとタブバーを除いたサイズに調整します。

最初にDatePickerView.xibファイルをダブルクリックし、Interface Builderを立ち上げます。

DocumentウィンドウでFile's Ownerを選択し、InspectorウィンドウでIdentityタブを開き、『Class Identity』の『Class』を『DatePickerViewController』にします。

800

次にビューのサイズ変更を行うのですが、デフォルトのViewはサイズ変更が効かない状態になっています。

801

そこで、DocumentウィンドウでViewを選択してdeleteキーを押して削除し、LibraryウィンドウからDocumentウィンドウへViewをドラッグ&ドロップして差し替えます。

するとサイズ変更が可能になりますので、幅はそのままに、高さをステータスバーとタブバーを除いた411ピクセルに変更します。

802

その後、DocumentウィンドウでFile's Ownerを選択し、InspectorウィンドウでConnectionsタブを開き、『Outlets』の『View』をDocumentウィンドウの『View』へ接続します。

803

同様の作業を、残りの4つのnibファイル
・SingleComponentPickerView.xib
・DoubleComponentPickerView.xib
・DependentComponentPickerView.xib
・CustomPickerView.xib
に対しても行います。



参考文献

はじめてのiPhone3プログラミングはじめてのiPhone3プログラミング
(2009/12/17)
Dave Mark、Jeff LaMarche 他

商品詳細を見る






Bose QuietComfort 20
0 Comments
Leave a comment
管理者にだけ表示を許可する
Top
0 Trackbacks
Top
Calendar
08 | 2017/09 | 10
Sun Mon Tue Wed Thu Fri Sat
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Recent Articles
iTunes


Swift
Categories
Tips
Profile

水月杏香

Author:水月杏香
永遠の初心者プログラマ。

Wish List
WACOM


ARC
Technical Q&A
情報プロパティリストキー
Start Developing iOS Apps Today
BOSE

Bose QuietComfort 20
Reference
NSApplicationDelegateプロトコル
NSArrayクラス
NSAutoreleasePoolクラス
NSBundleクラス
NSBundle UIKit追加分
NSCalendarクラス
NSCoderクラス
NSCodingプロトコル
NSCopyingプロトコル
NSDataクラス
NSDateクラス
NSDateFormatterクラス
NSDictionaryクラス
NSEntityDescriptionクラス
NSEnumeratorクラス
NSErrorクラス
NSExceptionクラス
NSFetchRequestクラス
NSFileHandleクラス
NSFileManagerクラス
NSIndexPathクラス
NSIndexPath UIKit追加分
NSKeyedArchiverクラス
NSKeyedUnarchiverクラス
NSKeyValueCodingプロトコル
NSLocaleクラス
NSManagedObjectクラス
NSManagedObjectContextクラス
NSManagedObjectModelクラス
NSMutableArrayクラス
NSMutableCopyingプロトコル
NSMutableDictionaryクラス
NSMutableSetクラス
NSNotificationクラス
NSNotificationCenterクラス
NSNullクラス
NSNumberクラス
NSObjectクラス
NSObject UIKit追加分
NSObjectプロトコル
NSPersistentStoreクラス
NSPersistentStoreCoordinatorクラス
NSPredicateクラス
NSPropertyListSerializationクラス
NSRunLoopクラス
NSSetクラス
NSStringクラス
NSString UIKit追加分
NSTimerクラス
NSTimeZoneクラス
NSURLクラス
NSURLProtectionSpaceクラス
NSURLRequestクラス
NSUserDefaultsクラス
NSValueクラス

UIActionSheetクラス
UIActionSheetDelegateプロトコル
UIActivityIndicatorViewクラス
UIAlertViewクラス
UIAlertViewDelegateプロトコル
UIApplicationクラス
UIApplicationDelegateプロトコル
UIBarButtonItemクラス
UIBarItemクラス
UIButtonクラス
UIColorクラス
UIControlクラス
UIDatePickerクラス
UIDeviceクラス
UIEventクラス
UIFontクラス
UIGestureRecognizerクラス
UIImageクラス
UIImageViewクラス
UIKit Function
UILabelクラス
UINavigationControllerクラス
UINavigationItemクラス
UIPickerViewクラス
UIPickerViewDataSourceプロトコル
UIPickerViewDelegateプロトコル
UIPinchGestureRecognizerクラス
UIResponderクラス
UIScreenクラス
UIScrollViewクラス
UISearchBarクラス
UISearchBarDelegateプロトコル
UISegmentedControlクラス
UISliderクラス
UISwipeGestureRecognizerクラス
UISwitchクラス
UITableViewクラス
UITableViewCellクラス
UITableViewControllerクラス
UITableViewDataSourceプロトコル
UITableViewDelegateプロトコル
UITapGestureRecognizerクラス
UITextFieldクラス
UITextFieldDelegateプロトコル
UITextInputTraitsプロトコル
UITextViewクラス
UITextViewDelegateプロトコル
UIToolbarクラス
UITouchクラス
UIViewクラス
UIViewControllerクラス
UIWebViewクラス
UIWebViewDelegateプロトコル
UIWindowクラス

AVAudioPlayerクラス
AVAudioPlayerDelegateプロトコル

CADisplayLinkクラス
CAEAGLLayerクラス
CALayerクラス

CGAffineTransform
CGBitmapContext
CGColor
CGColorSpace
CGContext
CGGeometry
CGImage
CGPath

EAGLContextクラス
EAGLDrawableプロトコル

Foundation Constants
Foundation Data Types
Foundation Functions

MPMediaItemクラス
MPMediaItemArtworkクラス
MPMediaPlaylistクラス
MPMediaPropertyPredicateクラス
MPMediaQueryクラス
MPMusicPlayerControllerクラス

Randomization Services

System Sound Services
Amazon


OpenGL ES
SQLite
Monthly Archives
Recent Comments
Recent TrackBacks
RSS Link
Visitors
QR Code
QR