Mobile,Jasmine,JavaScript,Java,テスト駆動開発等)など扱っています。Application」テンプレートを利用すれば、始めから「ナビゲーションコントローラ」が利用可能です。詳細画面の左上の「<Master」をタップすれば、最初のテーブルビューが表示されていた画面に移動できます。「ナビゲーションコントローラ」は使いたいたいけど、テーブルビューはいらないし、そもそも、「ナビゲーションコントローラ」を手作業で追加する方法が知りたい、と言う方は多いと思います。画面遷移を実現する内容について記載させていただきます。ちなみにですが、「ナビゲーションコントローラ」を追加すれば、「ナビゲーションバー」も同時に追加されます。利用しているXcodeはXcode5(5.1)となります。エントリーの内容は以下のようになります。空っぽ過ぎて、一枚図で終わってしまいました。実際に実現したい事は以下の3つとなります。作りたい物だけを見ると簡単そうです。Mobileで作った方が簡単ですね。NameにはNavigationControllerSample、ターゲットデバイスはiPhoneで新規のプロジェクトを作成します。プロジェクト作成後のストーリーボードは以下のようになっていると思います。「ナビゲーションコントローラ」を追加します。Controller」をドロップします。ドロップ後の画面は以下のようになると思います。当然ですが、ドロップする場所によって微妙に異なる絵になるとは思います。見にくいので、ユーティリティエリアを非表示にしてみました。Controller」をドロップすると、「ナビゲーションコントローラ」とが追加されます。追加されたテーブルビューは「ナビゲーションコントローラ」とセグエで関連付けられた状態となります。「作成するiPhoneアプリの説明」で記載させていただいた通り、今回はテーブルビューは不要ですので、ストーリーボード上のテーブルビューを選択し「delete」ボタンを押して削除します。Controller」を選択しても同様の状態になります。Developer」には、ストーリーボードでNavigationControllerを作成する場合の記述としてNavigationControlerのルートViewControllerとして特定されます。Controllerとして表示があります。2つ目の内容は特に気になる所は無いのですが、1つ目の方は、「ナビゲーションコントローラ」のルートViewControllerとして、テーブルビューが自動的に設定されるとの意味です。実際、テーブルビューの削除前にルートViewControllerを確認すると以下のようになっていました。テーブルビューを削除してしまいましたので、ルートViewControllerに、既存のViewControllerをセットする必要があります。変更前の画面では、「ナビゲーションコントローラ」の左側に矢印が存在していません。オンに変更に変更後の画面は以下のようになりました。「ナビゲーションコントローラ」から始まる事をを意味する矢印が表示されるようになりました。・「ルートViewController」を変更ナビゲーションコントローラは全体的な画面遷移を管理し、戻るボダン(左上に表示される)の動きを自動的に実現してくれるものですが、それ自身がViewControllerとしての動作をするわけではありません。ルートViewControllerの設定を行わないと何も表示されません。クリックして、「ナビゲーションコントローラ」を選択状態にします。その後、右クリックし、以下のウインドウを表示します。controller」をクリックし、ViewControllerにドラッグ&ドロップします。ControllerがセットされればOKです。画面を追加する前に、ストーリーボードを見やすく整理しておきます。「ナビゲーションコントローラ」を選択状態にし、以下の画像の赤枠の部分を選択し、ドラッグすることで移動します。移動後のイメージはこんな感じでしょうか・「画面1」の「ナビゲーションバー」の「タイトル」を画面1に変更ViewControllerに「ナビゲーションバー」を単独で追加した時と「タイトル」の設定方法が異なりますので注意が必要です。「ナビゲーションバー」の「タイトル」は以下のようにすれば設定可能です。「タイトル」には画面1をセットします。すると「ナビゲーションバー」の「タイトル」にも画面1が表示されました。画面2を追加後に、画面1にボタンを追加し、そのボタンがタップされたら画面2に遷移するようにします。画面2のナビゲーションバー」の「タイトル」も画面2に変更します。Out」ボタンをクリックして作業領域を見やすくしておきます。クリック後は以下のようになると思います。Controller」をドラッグ&ドロップします。操作後は以下のようになると思います。In」ボタンを押して、ストーリーボードを元に戻します。Out」状態ではボタンを配置できないです。以下の画像のように、「Button」を画面1にドラッグ&ドロップします。配置したボタンのラベルは「画面2へ」に変更しておきます。「画面2へ」ボタンを右クリックし、以下の画像の赤枠部分をドラッグし、画面2にドロップします。すると小さな画面が表示されますので、「push」を選択してください。「push」以外を選択すると「ナビゲーションコントローラ」でシーン管理ができなくなります。画面1から画面2へのセグエが追加されました。同様の手順で、画面3、画面4のViewControllerの配置を行い。画面1から仮面3、画面4への遷移ボタンと遷移処理を追加してください。ここまでの作業が完了した段階で画面は以下のようになっていると思います。追加した画面の「ナビゲーションバー」のタイトルを設定します。設定方法は画面1の時と同様です。画面2、画面4も同様に設定してください。設定後の画面は以下のようになっていると思います。同様の手順で、画面5のViewControllerの配置を行い。画面2、画面3、画面4に「画面5へ」ボタンを配置し、実際に「画面5」に遷移する処理を追加してください。以下は、操作方法の復習となりますので、問題ない方は同じ内容となりますので無視してください。配置したボタンをダブルクリックし、ラベルを「画面5へ」変更してください。「画面2」から「画面5」へのセグエが追加されました。作業が終わると画面は、以下のようになると思います。以上で実装作業は終了です。予定通り「画面1」が表示されました。「画面2へ」ボタンをタップこれも予定通り「画面2」が表示されましたし、「ナビゲーションバー」の左端に「画面1」へ戻るボタンがちゃんと表示されています。「ナビゲーションバー」の左端に「画面1」へ戻るボタンをタップ「画面1」に戻れました。うまく「ナビゲーションコントローラ」が画面遷移を制御してくれています。「画面3へ」ボタンをタップうん、うん予定通り「画面3」が表示されました。最後に「画面5」から連続戻り処理を確認したいので、「画面5」へをタップします。「画面5」→「画面3」→「画面1」へと連続して戻ってみます。・「画面5」から「画面3」へ戻るうまく制御されています。「画面3」が正しく表示されました。・「画面3」から「画面1」へ戻るこれも問題なく動作しますね、「画面1」が正しく表示されました。スポンサードリンクGoogleアドセンスGoogleアドセンス関連記事iOS(Xcode6)におけるマルチスレッド処理の実装方法[iOSのマルチスレッド処理の概要]iOSにおけるマルチスレッド処理の実装方法を数回に分けて説明させていただきます。開発環境のXco記事を読むObjective-C(Xcode)でイメージのアニメーション表示を行う。「Xcode5でイメージ(画像)を表示&操作する」では画面に表示されているイメージをタップし記事を読むXcode5のプロジェクトへのファイルやフォルダの追加方法Xcodeでアプリ開発を行う時に、イメージ(画像)の表示は必須な処理であると言えます。記事を読むXcode5で画面にナビゲーションバーを配置して利用する。今回は「ナビゲーションバー」をiPhoneアプリの画面に配置して利用する方法を記載させていただきます記事を読むXcode5で画面にツールバーを配置して利用する。「ナビゲーションバー」と同様に「ツールバー」もナビゲーションコントローラ(UINavigationC記事を読むXcodeの使い方Objective-Cでコーディングを行うための統合開発環境のXcodeの利用方法のエントリーです。記事を読むXcode&Objective-Cの文字列処理をユニットテスト(XCTestフレームワーク)で確認する。記事を読むXcode6&Objective-Cにおけるブロック構文(Blocks記法)の利用方法Xcode&Objective-CにおけるBlock構文の説明のエントリーとなります。コメントをキャンセルメールアドレスが公開されることはありません。]NEXTXcode&Objective-Cの文字列処理をユニットテスト(XCTestフレームワーク)で確認する。ENTRY動画で英語を学習できるiOSの無料アプリCapTubeをリリースいたしました。個人では初となるiOSアプリをリリースいたしました。前回はSwiftの概要をザックリと説明させていただきました。Mobile,Jasmine,JavaScript,Java,テスト駆動開発等)など扱っています。