QuartzFun(3)~nibファイルの編集

2011. 08. 17
●QuartzFunViewController.xibの編集

アプリケーションのユーザインターフェイスを構築するため、nibファイルQuartzFunViewController.xibを編集します。

画面上部にセグメンテッドコントロールを持ったナビゲーションバーを、画面下部にセグメンテッドコントロールを持ったツールバーを配し、ビューコントローラQuartzFunViewControllerで設定したプロパティcolorControlと、2つのアクションメソッドchangeColor:とchangeShape:を接続します。

まずQuartzFunViewController.xibをダブルクリックしてInterface Builderで開きます。

最初に、ビューはカスタム描画をQuartzFunViewクラスで行うため、Viewのクラスを変更します。

DocumentウィンドウでViewを選択し、InspectorウィンドウのIdentityタブを開き、『Class Identity』の『Class』をUIViewからQuartzFunViewに変更します。

7488

次に画面上部にナビゲーションバーと描画色を選択するセグメンテッドコントロールを設置します。

LibraryウィンドウでNavigation Barを選択し、ドラッグ&ドロップでViewウィンドウの上端に設置します。

7489

LibraryウィンドウでSegmented Controlを選択しドラッグ&ドロップでNavigation Barの上に乗せます。

7490

Segmented Controlの左右どちらかの端を掴み、画面の端までドラッグして広げます。

7491

InspectorウィンドウのAttributesタブを開き、『Segmented Control』の『Segments』を2から5に変更します。

7492

Viewウィンドウで各セグメントの中央をダブルクリックし、セグメントのタイトルをRed、Blue、Yellow、Green、Randomにします。

7493

次に画面下部にツールバーと描画図形を選択するセグメンテッドコントロールを設置します。

LibraryウィンドウでToolbarを選択し、ドラッグ&ドロップでViewウィンドウの下端に設置します。

7494

左端にあるItemボタンは不要なので、ボタンを選択してdeleteキーで削除します。

7495

LibraryウィンドウでSegmented Controlを選択し、ドラッグ&ドロップでToolbarの上に乗せます。

しかしナビゲーションバーと異なり、ツールバーの場合は自動で中央揃えされませんので、セグメンテッドコントロールの両側にFlexible Space Bar Buttton Itemを置きます。

7496

その上でセグメンテッドコントロールを選択し、左右どちらかの端を掴んで幅を310程に広げます。

7497

InspectorウィンドウのAttributesタブを開き、『Segmented Control』の『Segments』を2から4に変更します。

7498

Viewウィンドウで各セグメントの中央をダブルクリックし、セグメントのタイトルをLine、Rect、Ellipse、Imageにします。

7499

これでレイアウトの設定が終わりましたので、プロパティとアクションメソッドの接続を行います。

DocumentウィンドウでFile's Ownerを選択し、InspectorウィンドウのConnectionタブを開きます。

『Outlets』にあるcolorControlは、Viewウィンドウのナビゲーションバーにあるセグメンテッドコントロールに接続します。

『Received Actions』にあるchangeColor:も、Viewウィンドウのナビゲーションバーにあるセグメンテッドコントロールに接続し、Value Changedを選択します。

同様にchangeShape:は、Viewウィンドウのツールバーにあるセグメンテッドコントロールに接続し、Value Changedを選択します。

7500

接続が終わったらファイルを保存します。



参考文献

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

商品詳細を見る

Beginning Ios 6 Development: Exploring the Ios SdkBeginning Ios 6 Development: Exploring the Ios Sdk
(2012/12/26)
David Mark、Jack Nutting 他

商品詳細を見る






bose_soundsport_free
0 Comments
Leave a comment
管理者にだけ表示を許可する
Top
0 Trackbacks
Top
Calendar
09 | 2017/10 | 11
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 31 - - - -
Recent Articles
iTunes


Swift
Categories
Tips
Profile

水月杏香

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

Wish List
WACOM


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

bose_soundsport_free
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