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


ピックアップ記事

Linux ユーザー一覧の確認

2010年02月02日 過去Blog
[hogehoge@localhost ~]$ cat /etc/passwd http://kazmax.zpp.jp/lin/etc_passwd.html is garcinia cambogia safe to take…
「Linux ユーザー一覧の確認」をはてなブックマークに追加

Xcode 4 移行ガイド

2011年03月22日 過去Blog
http://sazameki.jp/translations/xcode4/IDEs/Conceptual/Xcode4TransitionGuide/ atlanta insurance how to loose weight…
「Xcode 4 移行ガイド」をはてなブックマークに追加

htmlファイルでphpを動かすための.htaccessファイルの設定

2009年11月20日 過去Blog
htmlファイルでphpを動かすための.htaccessファイルの設定 .htaccessファイル内に以下の行を記述します。 AddType application/x-httpd-php .htm .html 当然の前提条件として、htaccessの動作が許可されているサーバに限ります。…
「htmlファイルでphpを動かすための.htaccessファイルの設定」をはてなブックマークに追加

mac で windows キーボードのhome、 end

2010年10月14日 過去Blog
windowsでは細かいところでキーボードのhomeボタン、endボタンを使うことが多かったのですが、Macでは、どうすればいいのか。。。 cmd + 矢印キーで実現できました。 cmd+shift+矢印で選択できます。 参考サイト http://firstmac.blogspot.com/2007/06/home.html
「mac で windows キーボードのhome、 end」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy