あらびき林檎。 » iPhone http://splitchin.com/tech Macや, iPhoneでの,Webデザイン,アプリ開発などを綴ってます。 Sun, 06 May 2012 01:09:21 +0000 http://wordpress.org/?v=2.9.1 ja hourly 1 iPhone タッチイベント http://splitchin.com/tech/2011/04/11/iphone-%e3%82%bf%e3%83%83%e3%83%81%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88/ http://splitchin.com/tech/2011/04/11/iphone-%e3%82%bf%e3%83%83%e3%83%81%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88/#comments Sun, 10 Apr 2011 15:24:22 +0000 admin http://splitchin.com/tech/?p=1687 スマートフォンのためのHTML5アプリケーション開発ガイド―iPhone/iPad/Android対応

touchevent画像

サンプルURL

Apple資料

Safari Web Content Guide – Handling Events

  • onTouchStart
  • onTouchMove
  • onTouchEnd
  • onTouchCancel

※onClickのようなイベントの使い方。iPhoneでは、onClickよりレスポンスが良いらしい。

タッチ数の取得

  • event.touches.length

タッチ座標（x, y）の取得

  • event.touches[i].pageX
  • event.touches[i].pageY

※iで、各タッチの座標を格納。

]]> http://splitchin.com/tech/2011/04/11/iphone-%e3%82%bf%e3%83%83%e3%83%81%e3%82%a4%e3%83%99%e3%83%b3%e3%83%88/feed/ 0 PhoneGap – HTML/CSS/JavaScriptで、iPhoneやAndroidアプリを作るフレームワーク http://splitchin.com/tech/2010/11/06/phonegap-htmlcssjavascript%e3%81%a7%e3%80%81iphone%e3%82%84android%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e4%bd%9c%e3%82%8b%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af/ http://splitchin.com/tech/2010/11/06/phonegap-htmlcssjavascript%e3%81%a7%e3%80%81iphone%e3%82%84android%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e4%bd%9c%e3%82%8b%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af/#comments Sat, 06 Nov 2010 13:30:07 +0000 admin http://splitchin.com/tech/?p=1348

■PhoneGapとは
HTML/CSS/JavaScriptで、iPhoneやAndroidアプリを作るフレームワーク。

1. PhoneGapをはじめる。

今回は、iPhoneアプリでのPhoneGapを試します。
Android編はこちらから。

公式サイトもしくは、GitHubから、PhoneGapフレームワークをダウンロードします。

PhoneGap

DLしてきたZipファイルを解凍し、iOSフォルダにある、
「PhoneGapLibInstaller.pkg」を開いて、PhoneGapフレームワークをインストールします。

PhoneGapTemplate

XCodeを起動して、新規プロジェクトを作成すると、
「PhoneGap」というテンプレートが追加されているので
それを、選択してプロジェクトを作成します。

PhoneGapIndex

「www」というフォルダに、index.htmlファイルが追加されています。
このhtmlに、記述したり、PhoneGap APIをJSから使用することで
iPhoneアプリを作成していきます。

PhoneGap – API Reference http://docs.phonegap.com/
  • Accelerometer
  • Camera
  • Contacts
  • Device
  • Events
  • Geolocation
  • Network
  • Notification

2. PhoneGap APIの加速度センサーを使ってみる。

Accelerometerを参考に、accelerometer.getCurrentAccelerationを使った加速度センサーのAPIを使ってみます。

前述のwwwフォルダの、index.htmlを記述します。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
	<!-- Change this if you want to allow scaling -->
    <meta name="viewport" content="width=default-width; user-scalable=no" />

    <meta http-equiv="Content-type" content="text/html; charset=utf-8">

    <title>PhoneGapTest</title>

	<!-- iPad/iPhone specific css below, add after your main css >
	<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />
	<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" />
	-->
	<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
    <script type="text/javascript" charset="utf-8">

	// If you want to prevent dragging, uncomment this section
	/*
	function preventBehavior(e)
	{
      e.preventDefault();
    };
	document.addEventListener("touchmove", preventBehavior, false);
	*/

	// Wait for PhoneGap to load
	function onBodyLoad() {
		document.addEventListener("deviceready",onDeviceReady,false);
	}

	/* When this function is called, PhoneGap has been initialized and is ready to roll */
    // PhoneGap is ready
	//
	function onDeviceReady() {
		navigator.accelerometer.getCurrentAcceleration(onSuccess, onError);
	}

	// onSuccess: Get a snapshot of the current acceleration
	//
	function onSuccess(acceleration) {
        alert('Acceleration X: ' + acceleration.x + '\n' +
              'Acceleration Y: ' + acceleration.y + '\n' +
              'Acceleration Z: ' + acceleration.z + '\n' +
              'Timestamp: '      + acceleration.timestamp + '\n');
	}

	// onError: Failed to get the acceleration
	//
	function onError() {
		alert('onError!');
	}

  </script>
  </head>
  <body onload="onBodyLoad()">
  <!-- PhoneGap Test Code -->
  <h1>PhoneGap test.</h1>
  <p>getCurrentAcceleration</p>
  <!-- /PhoneGap Test Code -->
  </body>
</html>

通常のiPhoneアプリと同じように、XCodeから、ビルドします。

phoneGapAPIAccelr

JavaScriptで実装したアラートに加速度センサーが動きました。

3. PhoneGap ドキュメント関連

■PhoneGap
http://www.phonegap.com/

■PhoneGap Roadmap
http://wiki.phonegap.com/w/page/16494820/Roadmap

■GitHub
https://github.com/phonegap
オフィシャルのプラグインやAPIの、レポジトリがあります。

■DOCS API Reference
http://docs.phonegap.com/

]]> http://splitchin.com/tech/2010/11/06/phonegap-htmlcssjavascript%e3%81%a7%e3%80%81iphone%e3%82%84android%e3%82%a2%e3%83%97%e3%83%aa%e3%82%92%e4%bd%9c%e3%82%8b%e3%83%95%e3%83%ac%e3%83%bc%e3%83%a0%e3%83%af%e3%83%bc%e3%82%af/feed/ 0 iPhoneアプリ 世界時計 “Palm+Piece” http://splitchin.com/tech/2010/08/10/iphone%e3%82%a2%e3%83%97%e3%83%aa-%e4%b8%96%e7%95%8c%e6%99%82%e8%a8%88-palmpiece/ http://splitchin.com/tech/2010/08/10/iphone%e3%82%a2%e3%83%97%e3%83%aa-%e4%b8%96%e7%95%8c%e6%99%82%e8%a8%88-palmpiece/#comments Mon, 09 Aug 2010 15:57:09 +0000 admin http://splitchin.com/tech/?p=1240

iPhoneアプリ 世界時計　”Plam+Piece”をリリースしました！

“Palm+Piece”は、iPhoneの回転方向に合わせて、
「東京」「上海」「ロンドン」「ニューヨーク」と、
時刻とデザインが変化する、世界時計です。

また、画面をタップすると、国花が舞い散ります。

詳細はこちら

↓　ダウンロードはこちらから
AppStoreからダウンロード

]]> http://splitchin.com/tech/2010/08/10/iphone%e3%82%a2%e3%83%97%e3%83%aa-%e4%b8%96%e7%95%8c%e6%99%82%e8%a8%88-palmpiece/feed/ 0 iPhone 4 シミュレーターを試してみた。 http://splitchin.com/tech/2010/06/13/iphone-4-%e3%82%b7%e3%83%9f%e3%83%a5%e3%83%ac%e3%83%bc%e3%82%bf%e3%83%bc%e3%82%92%e8%a9%a6%e3%81%97%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82/ http://splitchin.com/tech/2010/06/13/iphone-4-%e3%82%b7%e3%83%9f%e3%83%a5%e3%83%ac%e3%83%bc%e3%82%bf%e3%83%bc%e3%82%92%e8%a9%a6%e3%81%97%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82/#comments Sat, 12 Jun 2010 16:41:32 +0000 admin http://splitchin.com/tech/?p=1125 iPhone SDK4 GMをセットアップしたので、
iPhone 4 Simulatorを起動してみました。

1. シミュレーターを起動する

パス結構深いです。
「Macintosh HD」→「Developer」→「Platforms」→
「iPhoneSimulator.platform」→「Developer」→「Applications」
→ iPhone Simulator

2. シミュレーターの種類

iPHoneシミュレーター

3種類、シミュレーターが入っています。
・「iPhone」320×480　アスペクト比3:2（3G/GS）※実機は、163ppi
・「iPad」1024×768 　アスペクト比4:3 ※実機は、132ppi
・「iPhone4」960×640　アスペクト比3:2　※実機は、326ppi

3. iPhone4 Safariを起動してみる。

iPhone4 Safari

iPhone最適化されたページも、
テキストやレイアウトは高精細モードに対応してますね。
ただ、画像やアイコンは荒くなりますね。

ホームスクリーンのアイコン

iPhone用の52pxと、恐らくiPhone4用に最適化された
高精細モードのアイコンとでは、画質に差が出ますね。

これは、Retinaディスプレイ3.5inch,
iPhone3Gモデルのディスプレイの4倍に当たる326 ppiで
見るとどうなるか、実機で見てみたいですね。

]]> http://splitchin.com/tech/2010/06/13/iphone-4-%e3%82%b7%e3%83%9f%e3%83%a5%e3%83%ac%e3%83%bc%e3%82%bf%e3%83%bc%e3%82%92%e8%a9%a6%e3%81%97%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82/feed/ 0 iPhoneアプリ　ステータスバーを消す http://splitchin.com/tech/2010/03/29/iphone%e3%82%a2%e3%83%97%e3%83%aa%e3%80%80%e3%82%b9%e3%83%86%e3%83%bc%e3%82%bf%e3%82%b9%e3%83%90%e3%83%bc%e3%82%92%e6%b6%88%e3%81%99/ http://splitchin.com/tech/2010/03/29/iphone%e3%82%a2%e3%83%97%e3%83%aa%e3%80%80%e3%82%b9%e3%83%86%e3%83%bc%e3%82%bf%e3%82%b9%e3%83%90%e3%83%bc%e3%82%92%e6%b6%88%e3%81%99/#comments Sun, 28 Mar 2010 15:22:47 +0000 admin http://splitchin.com/tech/?p=906 ケーズデンキオンラインショップ

ステータスバー

1. 動的にステータスバーを消す、色を変更させる

- (void)viewDidLoad
{
	// スーパー・クラスのメソッドを呼び出す
	[super viewDidLoad];

	//ステータスバー off
	[[UIApplication sharedApplication] setStatusBarHidden:YES];
setStatusBarStyle:UIStatusBarStyleBlackOpaque animated:YES ステータスバーを黒くする
setStatusBarHidden:YES animated:YES ステータスバーが上に引っ込む

2. ローディング画面時の、ステータスバーを消す

しかし、上記のやり方だと、起動時にはステータスバーがデフォルトのままなので、全画面で変更したい場合、info.plistを編集しておきます。

XCode の/Resourceフォルダ info.plist を開き、
Information Property List キーの中に UIStatusBarStyle キーを作成する。
(Information Property List 行を control+クリック で Add Row を選択し、キー名を入力)
例）値をUIStatusBarStyleBlackOpaque =起動時からステータスバーの色が黒くなる。

2-1. ステータスバーを消したい場合

ステータスバー消す

UIStatusBarHidden チェックすると、ステータスバー非表示

2-2. 色や透明度を変更したい場合

ステータスバーを黒くする

key: UIStatusBarStyleのValueの設定内容

UIStatusBarStyleDefault 標準（灰色）
UIStatusBarStyleBlackTranslucent 黒く透ける
UIStatusBarStyleBlackOpaque 黒くする

]]> http://splitchin.com/tech/2010/03/29/iphone%e3%82%a2%e3%83%97%e3%83%aa%e3%80%80%e3%82%b9%e3%83%86%e3%83%bc%e3%82%bf%e3%82%b9%e3%83%90%e3%83%bc%e3%82%92%e6%b6%88%e3%81%99/feed/ 0 iPhoneアプリ　実機テスト手順 http://splitchin.com/tech/2010/02/14/iphone%e3%82%a2%e3%83%97%e3%83%aa%e3%80%80%e5%ae%9f%e6%a9%9f%e3%83%86%e3%82%b9%e3%83%88%e6%89%8b%e9%a0%86/ http://splitchin.com/tech/2010/02/14/iphone%e3%82%a2%e3%83%97%e3%83%aa%e3%80%80%e5%ae%9f%e6%a9%9f%e3%83%86%e3%82%b9%e3%83%88%e6%89%8b%e9%a0%86/#comments Sun, 14 Feb 2010 10:31:57 +0000 admin http://splitchin.com/tech/?p=879 不要なパソコンが売れる！！

下記サイトを参考にさせて頂いて、iPhoneアプリの実機テストのログ。

iPhone実機へのアプリインストールまでの道のり
http://tryout-lab.com/2009/08/26/290.html

1. iPhone Developer Programに加入する
2. CSR作成
3. CSRをiPhone Developers Programで登録し、証明書を取得する
4. デバイス登録する
5. AppIDを登録する
6. Provisioning Profilesを作成する
7. Provisioning ProfilesをXCodeに登録する
8. XCodeでのアプリケーションへの設定
9. iPhone SDKを3.0.1対応にする(今は大丈夫なようです。）
10. 実機で起動

]]> http://splitchin.com/tech/2010/02/14/iphone%e3%82%a2%e3%83%97%e3%83%aa%e3%80%80%e5%ae%9f%e6%a9%9f%e3%83%86%e3%82%b9%e3%83%88%e6%89%8b%e9%a0%86/feed/ 0 iPhone キャプチャの取り方、Macへの画像の転送方法。 http://splitchin.com/tech/2010/01/31/iphone-%e3%82%ad%e3%83%a3%e3%83%97%e3%83%81%e3%83%a3%e3%81%ae%e5%8f%96%e3%82%8a%e6%96%b9%e3%80%81mac%e3%81%b8%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ae%e8%bb%a2%e9%80%81%e6%96%b9%e6%b3%95%e3%80%82/ http://splitchin.com/tech/2010/01/31/iphone-%e3%82%ad%e3%83%a3%e3%83%97%e3%83%81%e3%83%a3%e3%81%ae%e5%8f%96%e3%82%8a%e6%96%b9%e3%80%81mac%e3%81%b8%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ae%e8%bb%a2%e9%80%81%e6%96%b9%e6%b3%95%e3%80%82/#comments Sun, 31 Jan 2010 14:14:42 +0000 admin http://splitchin.com/tech/?p=820 iPod/iPhone/ニンテンドーDS ドレスアップアイテム【Gizmobies】

iPhoneキャプチャ

1. iPhoneでのキャプチャ取得方法

上記の図のように、「スリープボタン」＋「ホームボタン（□）」を同時に押します。写真を撮る時の音と白い画面がし、写真フォルダに格納されます。

2. Macでの写真の同期方法

USBケーブルで,iPhoneを接続して、Macで「iPhoto」を起動します。左メニューに、iPhoneが表示されているので、選択し、画像を読み込みます。

3.読み込んだ画像

フォルダ「ピクチャ」-「iPhoto Library」に画像が読み込まれています。解像度は、270 × 360ピクセルと、少し大きめです

]]> http://splitchin.com/tech/2010/01/31/iphone-%e3%82%ad%e3%83%a3%e3%83%97%e3%83%81%e3%83%a3%e3%81%ae%e5%8f%96%e3%82%8a%e6%96%b9%e3%80%81mac%e3%81%b8%e3%81%ae%e7%94%bb%e5%83%8f%e3%81%ae%e8%bb%a2%e9%80%81%e6%96%b9%e6%b3%95%e3%80%82/feed/ 1 iPhoneステンシル http://splitchin.com/tech/2010/01/22/iphone%e3%82%b9%e3%83%86%e3%83%b3%e3%82%b7%e3%83%ab/ http://splitchin.com/tech/2010/01/22/iphone%e3%82%b9%e3%83%86%e3%83%b3%e3%82%b7%e3%83%ab/#comments Thu, 21 Jan 2010 15:45:41 +0000 admin http://splitchin.com/tech/?p=807 秋葉館オンラインショップ

iPhoneステンシル

iPhone Stencil

スマートフォン設計用に、ステンシルを探してたら、リアルステンシルに行き当たりました。簡単に言うと、iPhone UI用の定規。価格は1,980円。

米Design Commission社がデザインワークのために製作したiPhoneステンシル。
iPhoneアプリケーションのさまざまな企画やプロトタイプアイディア、
U画面遷移や画面デザインのUI設計のペーパーモック作成などに役立ちますね！

よし、これは明日、経費で買ってもらうぞ！・・・落ちるわけないですね！

]]> http://splitchin.com/tech/2010/01/22/iphone%e3%82%b9%e3%83%86%e3%83%b3%e3%82%b7%e3%83%ab/feed/ 0 iPhoneサイトに、AdMob広告を入れる。 http://splitchin.com/tech/2010/01/14/iphone%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ab%e3%80%81admob%e5%ba%83%e5%91%8a%e3%82%92%e5%85%a5%e3%82%8c%e3%82%8b%e3%80%82/ http://splitchin.com/tech/2010/01/14/iphone%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ab%e3%80%81admob%e5%ba%83%e5%91%8a%e3%82%92%e5%85%a5%e3%82%8c%e3%82%8b%e3%80%82/#comments Wed, 13 Jan 2010 15:20:42 +0000 admin http://splitchin.com/tech/?p=677 互換インクならこちら

昨年、Googleが7億5千万ドルでM&AしたAdMob社ですが、
Androidのインプレッション数は、2倍になったそうです(2009/01/15)
http://jp.techcrunch.com/tag/admob/

iPhoneアプリだけでなく、webにも対応してるとのことなので、
IDEA*IDEAさんの記事を参考にさせて頂きながら、
Webサイトに入れてみました。

AdMob

AdMobに、登録します。

AdMobサイトに行き、
「今すぐスタート」ボタンを押します。

登録情報を入力します。

AdMob登録

登録メールに、認証メールが送信されるので、メールを開いて、URLをクリックし、登録を完了させます。

AdMob登録完了

サイトを追加する

「サイト及びアプリケーション」ー「サイト/アプリケーションの追加」を選択します。

「サイトまたはアプリケーション タイプの選択」から「iPhone用サイト」を選択します。

AdMobサイトタイプ

広告を貼るサイトの情報を入力します。広告の色なども選択できます。

AdMobサイト情報

次に進むと、広告のJSコードが表示されます。

AdMob広告コード

広告コードのサンプル

<script type="text/javascript">
var admob_vars = {
 pubid: '*******', // publisher id
 bgcolor: '333333', // background color (hex)
 text: 'eeeeee', // font-color (hex)
 test: true// test mode, set to false if non-test mode
};
</script>
<script type="text/javascript" src="http://mm.admob.com/static/iphone/iadmob.js"></script>

注意）

 test: false// test mode, set to false if non-test mode

デフォルトだと、「test:true」になっていて、テストモードで課金されなくなっているので、「test:false」に変更します。

iPhoneサイトの、広告を挿入したい場所に、広告コードを埋めます.

wptouch/themes/default/header.phpに広告コード埋めます。

次の例は、タイトルヘッダーと、Searchの間に、広告を入れた時の例です。
特に、どこに埋めても良いようなので、入れたい位置にいれてください。 

	</div>
</div>
<!-- AdMob -->
<div class="admob-area">
<script type="text/javascript">
var admob_vars = {
 pubid: 'xxxxxxxxxxx', // publisher id
 bgcolor: '333333', // background color (hex)
 text: 'eeeeee', // font-color (hex)
 test: false // test mode, set to false if non-test mode
};
</script>
<script type="text/javascript" src="http://mm.admob.com/static/iphone/iadmob.js"></script>
</div>
<!-- /AdMob -->
<div id="drop-fade">
	<?php if (bnc_is_search_enabled()) { ?>
    	<a id="searchopen" class="top" href="#" onclick="bnc_jquery_search_toggle(); return false;"><?php _e( 'Search', 'wptouch' ); ?></a>
	<?php } ?>

ついでに、style.cssも加えました。

/* for AdMob */
admob-area {
        width: 100%;
	height: 48px;
	display:block;
}
/* end for AdMob */

そして、ついでに、解析コードを、footer.phpに加えます。
PHPの場合、なぜか、最後の「?>」が抜けていて、そのまま貼ると
エラーになるので要注意。

自分は、GoogleAnalyticsも使用しているので、その解析コードも挿入しました。

さて、これでAdMob広告の挿入は完了です！
iPhoneから接続して確認してみてください。

※wptouchプラグインをアップグレードすると、/themesファイル内も
　上書きされてしまうので、バックアップは取っておいた方が良いです。

]]> http://splitchin.com/tech/2010/01/14/iphone%e3%82%b5%e3%82%a4%e3%83%88%e3%81%ab%e3%80%81admob%e5%ba%83%e5%91%8a%e3%82%92%e5%85%a5%e3%82%8c%e3%82%8b%e3%80%82/feed/ 0 iPhoneアプリ　UINavigationControllerを使用した、ナビゲーションUIのメモ。その１ http://splitchin.com/tech/2010/01/10/iphone%e3%82%a2%e3%83%97%e3%83%aa%e3%80%80uinavigationcontroller%e3%82%92%e4%bd%bf%e7%94%a8%e3%81%97%e3%81%9f%e3%80%81%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3ui%e3%81%ae/ http://splitchin.com/tech/2010/01/10/iphone%e3%82%a2%e3%83%97%e3%83%aa%e3%80%80uinavigationcontroller%e3%82%92%e4%bd%bf%e7%94%a8%e3%81%97%e3%81%9f%e3%80%81%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3ui%e3%81%ae/#comments Sun, 10 Jan 2010 07:30:34 +0000 admin http://splitchin.com/tech/?p=513 「Macを買うなら…」でおなじみの、秋葉館オンラインショップ
もちろん話題のiPodも本体を含め関連商品充実！

UINavigationController

UiKitフレームワークに含まれている、UINavigationControllerを使用した、
ナビゲーションUIについての私的メモです。InterfaceBuilderなどでの設定の説明は省いてます。

UINavigationControllerクラス

NSObject
　　　|
　　　+–UIResponder
　　　　　　|
　　　　　　+–UIViewController
　　　　　　　　　|
　　　　　　　　　+–UINavigationController

1. UINavigationControllerクラスとは

オブジェクトの階層の外観を管理する、ナビゲーションバーのための特殊なコントローラ。アプリケーションに提供されたビューコントローラを使用して、ナビゲーションバーの設定やビューを描画することが可能。各ビューコントローラは、ナビゲーションバーのナビゲーションアイテムを持っています。

2. UINavigationCotrollerのナビゲーションでの働き

  • UINavigationControllerオブジェクトは複数のUIViewCotrollerオブジェクトを保持していて、そのオブジェクトの画面遷移を管理。
  • UINavigationControllerオブジェクトが保持しているUIViewオブジェクトと、ナビゲーションを合成したものを表示。
  • そのUIViewオブジェクトを、Windowオブジェクトの子ビューとすることで、ナビゲーションバーを含む画面が表示される。

実装サンプル

NavigationSampleAppDelegateクラスに、UINavigationControllerのメンバ変数と、プロパティ宣言を追記。

//NavigationSampleAppDelegate.h
@interface NavigationSampleAppDelegate : NSObject <UIApplicationDelegate> {
    UIWindow *window;
    UINavigationController *navigationController;
}

@property (nonatomic, retain) IBOutlet UIWindow *window;
@property (nonatomic, retain) IBOutlet UINavigationController *navigationController;

@end

NavigationSampleAppDelegate.mに、実装ディレクティブを追加。
UINavigationControllerのビューをウインドウに追加して、deallocメソッドにも追記。

//  NavigationSampleAppDelegate.m

#import "NavigationSampleAppDelegate.h"

@implementation NavigationSampleAppDelegate

@synthesize window;
@synthesize navigationController;

- (void)applicationDidFinishLaunching:(UIApplication *)application {    

    // Override point for customization after application launch
	[window addSubview:[navigationController view]];
    [window makeKeyAndVisible];
}

- (void)dealloc {
    [navigationController release];
    [window release];
    [super dealloc];
}

これで、画面遷移を制御するコントローラーの下地の追加が完了しました。

InterfaceBuilderで、MainWindow.xibのUINavigationControllerを編集

InterfaceBuilder上で、NavigationControllerで制御したいコントローラーを、Libraryから選択して、xibを編集し、ビルドすると、下記の例ようになります。

NavigationBar

次回は、スタートページと、遷移先ページ、遷移イベントの実装などについて、メモして行きたいと思います！
IBNavigationController Library

【関連記事】

iPhoneアプリ開発の環境構築

iPhoneアプリ HelloWorld

]]> http://splitchin.com/tech/2010/01/10/iphone%e3%82%a2%e3%83%97%e3%83%aa%e3%80%80uinavigationcontroller%e3%82%92%e4%bd%bf%e7%94%a8%e3%81%97%e3%81%9f%e3%80%81%e3%83%8a%e3%83%93%e3%82%b2%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3ui%e3%81%ae/feed/ 0