2010年12月20日 過去Blog
今回は、UITabBar UITabBarItem の使い方についてです。 UITabBar を使い、UITabBarItems や view を追加する方法です。

1. UITabBar テンプレート を使ってプロジェクトを作成

まず、タイトルの通りに XCode の UITabBar テンプレートを使って、プロジェクトを作成します。
863-1 その状態で、ビルド&実行してみると以下の画像のようになります。 863-2

2. Interface Builderを起動し UITabBar items を追加します。

UITabBarItems を追加するには、単純に、ライブラリから、UITabBar 上にドラッグするだけです。追加したitemの名前は「item」となっているので、「third」など、適当に変更してください。 追加したitemには、itemがクリックされた時に表示するviewの名前を特定する必要があります。 まず、Interface Builder を起動するために、MainWindow.xib をダブルクリックします。 Tools > atributes inspector を開き、“Nib Name” と書かれた項目に、view を指定します。これがクリックされた時にロードされ、表示されます。今回は、テンプレートに沿って、”ThirdView” とします。 これだけでは、”ThirdView” は、表示されません。当たり前ですが、まだ、ThirdView.xibを作成していないので。。。 新しくview を追加するには、Interface Builder から File > New をクリックし、viewを追加します。 863-3上記のような画面が出た後、新しく真っ白の viewが表示されると思いますので、適当に背景色などを変更して、”ThirdView”として保存します。 863-4 保存の途中で以下のような画面が出てきますので、viewを追加するプロジェクト名の横のチェックボックスをチェックして、「Add」ボタンで追加します。 863-5 これで、”ThirdView”は、完成ですが、このままXCode上からビルド&実行し、最初に設定した「third」のタブitemをクリックすると以下のようなエラーが発生します。

reason: ‘-[UIViewController _loadViewFromNibNamed:bundle:] loaded the “ThirdView” nib but the view outlet was not set.

これは、「”ThirdView”をロードしたけど、viewアウトレットが設定されていないよ!」ということなので、先ほど作成した”ThirdView.xib”をダブルクリックし、「File’s Owner」をクリックし、Identity Inspector を開きます。表示されたinspectorの上部にある「Class」という箇所に「FirstViewController」を設定します。 この状態で File’s Owner を右クリックすると、Outlets の中に view というのがありますので、それと、File’s Owner というオブジェクトが入っているウインドウ内のview とを接続します。 ここまで出来たら、保存します。 XCode上から、ビルド&実行してみてください。以下の画像のように、3つ目のviewが表示されると思います。 863-6

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CAPTCHA


ピックアップ記事

UIActionSheet を複数使った場合のメソッドの振り分け

2011年05月03日 過去Blog
1つのクラスファイル内で、複数のUIActionSheetを使う時はtagプロパティを使って、どのアクションシートのボタンがクリックされたのかを判別します。 actionsheet.tag = 1; 詳しくは以下のサイトを参照。 http://technical-iphone.blogspot.com/2010/05/uiactionsheet.html
「UIActionSheet を複数使った場合のメソッドの振り分け」をはてなブックマークに追加

Drupal 関連サイト

2011年04月24日 過去Blog
http://www.forest-and-trees.com/comment/reply/146#comment-form http://www10.atwiki.jp/drupal/
「Drupal 関連サイト」をはてなブックマークに追加

facebook「いいね」ボタン設置トラブル

2011年05月24日 過去Blog
運営サイトにfacebookの like! ボタンを設置しようと、ここにアクセスして発行しようとしたのですが、以下のようなエラーが出て、コードが取得出来ませんでした。 Only verified developers can be added as listed developers of this application. ネットで検索すると同じような症状で困っている方もいるようなので、一応、解…
「facebook「いいね」ボタン設置トラブル」をはてなブックマークに追加

デバイス&シミュレータ上に表示されるアプリ名を設定する

2010年12月17日 過去Blog
iPhoneアプリを作成し、シミュレータおよび、デバイスで実行した時に、ホーム画面上に実行したアプリがインストールされます。 その際のアプリ名は、デフォルトでは、該当アプリのプロジェクト名がそのままアプリ名となりホーム画面上に表示されることになります。 その名称の変更は以下の手順で可能です。 XcodeのResourcesフォルダ内にあるInfo,plistを開く。 各種設定内容がリスト…
「デバイス&シミュレータ上に表示されるアプリ名を設定する」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy