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


ピックアップ記事

tableViewに関する覚え書き

2011年01月03日 過去Blog
tableView に関する設定の説明です。 テーブル内のセクション数を設定する 以下の例では、2つのセクションをもつテーブルになります。 - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView { return 2; } セクション内の行数を指定する 以下の例では、最初のセクションは、2行のデータを表示し、次のセクションでも2行のデータを表示します。…
「tableViewに関する覚え書き」をはてなブックマークに追加

UITableView + UITexeField

2011年04月29日 過去Blog
TableView cellにTextFieldを表示させる 試してませんが、UITextView,UILabelなども同様の方法でいける気がします。 http://d.hatena.ne.jp/lynk/20090128#1233143275 http://code.google.com/p/iphone-codes/source/browse/EditableCell/?r=0a9142…
「UITableView + UITexeField」をはてなブックマークに追加

iPhone アプリにアイコンを設定する

2010年12月09日 過去Blog
自作のiPhoneアプリにアイコンを設定する方法です。 まず、アイコンに使いたい画像を準備します。 画像サイズ 57px × 57px アイコン画像の設定 (1)プロジェクト内のResourceフォルダを右クリックし、既存のファイルを追加を選びます。そして、準備しておいた画像を選択、このとき表示される画面ないの「デスティネーション...」の項目をチェックし、追加します。 (2)その後、プロジ…
「iPhone アプリにアイコンを設定する」をはてなブックマークに追加

Drupal6でクリーンURL

2011年04月25日 過去Blog
.htaccessに以下を記述してルートに設置 # Various rewrite rules. <IfModule mod_rewrite.c>   RewriteEngine on   # Modify the RewriteBase if you are using Drupal in a subdirectory and   # the rewrite rules are n…
「Drupal6でクリーンURL」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy