目次:
- 1ユーティリティ領域のライブラリペインでオブジェクトを選択し、新しいビューコントローラをペインからストーリーボードにドラッグします。
- 2マスタービューコントローラー - マスターシーンでテーブルビューを選択し、アトリビュートインスペクターを選択します。
- 3「属性」インスペクタで、「コンテンツ」ドロップダウンメニューから「静的セル」を選択します。
- 4アウトラインビューで、テーブルビューの横にある開閉用の三角形を展開すると、テーブルビューセクションが表示されます。
- 5ドキュメントアウトラインで最初のテーブルビューセル(テストドライブラベルではなくセル)を選択し、追加したばかりのビューコントローラにMaster ViewコントローラのセルからCtrlキーを押しながらドラッグします。次に、マウスボタンを離します。
- 6選択範囲ポップアップメニューからプッシュを選択します。 segue
- 8属性インスペクタのDestinationドロップダウンメニューからDetail Splitを選択します。 テストドライブコントローラ内のビューのサイズが変更されます。 9最後に、Document Outlineで未使用の2つのTable Viewセルを選択し、Deleteを押してそれらを削除します。
- シェブロン
- 詳細セルを選択し、詳細ビューを宛先としてプッシュセグを作成すると、新しいテストドライブコントローラが詳細ビューのナビゲーションコントローラに
ビデオ: [iPhone]Xcode4.2 storyboard の使い方 超基本編 2025
新しいView ControllerをiOSアプリケーションに追加するための最初のステップは、プロジェクトナビゲータでiPadストーリーボードファイルを選択することです。ストーリーボードが表示された状態で、Xcodeツールバーのビューセレクタのアイコンをクリックして、ユーティリティ領域が表示されていることを確認します。これで、Xcodeツールバーの[ビューセレクタ]の アイコン をクリックすると、プロジェクトナビゲータを非表示にすることができます。
キャンバスを準備する最後のステップとして、ユーティリティ領域のインスペクタセレクタの属性インスペクタボタンをクリックします。
<! - 1 - >テストドライブコントローラを追加するには、以下を実行する必要があります。
1ユーティリティ領域のライブラリペインでオブジェクトを選択し、新しいビューコントローラをペインからストーリーボードにドラッグします。
ストーリーボードの要素がフルサイズの場合にのみ、ビューにコントロールやその他のビューを追加できますが、任意のズームレベルでビューコントローラを追加できます。
新しいシーンが作成されます。
2マスタービューコントローラー - マスターシーンでテーブルビューを選択し、アトリビュートインスペクターを選択します。
キャンバスを見ると、プロトタイプセルを持つテーブルビューとタイトルのテキストを持つセルが表示されます。
「属性」インスペクタの「テーブルビュー」セクションで、「ダイナミックプロトタイプ」オプションが選択されていることがわかります。
<! - 3 - >今、セルを選択すると何も起こりません。これは、Dynamic Prototypeセルでは、セルが選択されたときに何かを行うために、View Controllerにメソッドを実装する必要があるからです。
「属性」インスペクタを使用して、マスタービューをダイナミックプロトタイプからスタティックセルに変更します。
スタティック・セルは、セルに何を表示する必要があるかを事前に知っているときに使用されます。
3「属性」インスペクタで、「コンテンツ」ドロップダウンメニューから「静的セル」を選択します。
テーブルビューに変更が表示されます。 Prototype Cellsという見出しが消え、Titleというタイトルのセルが3つ表示されます。
4アウトラインビューで、テーブルビューの横にある開閉用の三角形を展開すると、テーブルビューセクションが表示されます。
テーブルビューセクションを展開すると、3つのテーブルビューセルが表示されます。最初のテーブルビューセルを展開すると、コンテンツビューとラベルが表示されます。ラベルを選択し、AttributesインスペクタのTitleフィールドに Test Drive と入力します。
5ドキュメントアウトラインで最初のテーブルビューセル(テストドライブラベルではなくセル)を選択し、追加したばかりのビューコントローラにMaster ViewコントローラのセルからCtrlキーを押しながらドラッグします。次に、マウスボタンを離します。
ボタンまたはテーブルビューのセルからコントロールをクリックして表示するビューコントローラにドラッグすると、選択セグまたはアクセサリアクションが作成されます。マウスボタンを離すと、画面上にポップアップするストーリーボードのコンテキストメニューが表示されます。
6選択範囲ポップアップメニューからプッシュを選択します。 segue
は、2つのビューコントローラの間の視覚的な遷移を実行し、プッシュ(ナビゲーション)、モーダル、およびカスタムの遷移をサポートする。セグメントはシーンを変更し、ユーザーがボタンをタップしたときに、新しいView Controllerのビュー(Backボタン付き)が所定の位置にスライドすることをユーザが確認します。 プッシュセグとは対照的に、 モーダル
セグは、指定したトランジションスタイルでモーダルにビューコントローラを提示し、ユーザは以前のビューコントローラに戻るために何かをする必要があります。カスタムトランジションに関しては、セグは、Cover Vertical、Flip Horizontal、Cross Dissolve、Partial Curlなどの標準ビジュアルトランジションスタイルをサポートします。 Segueオブジェクトは、あるビューコントローラから別のビューコントローラへの移行を準備するために使用されます。つまり、Segueオブジェクトには、移行に関連する両方のビューコントローラに関する情報が含まれます。 Segueがトリガされたとき(視覚的な遷移が起こる前)、ストーリーボードのランタイムは、現在表示されているView ControllerのprepareForSegue:sender:メソッドを呼び出して、必要なデータを表示しようとしているView Controllerに渡します。 Storyboard Segueのポップアップメニューからプッシュを選択すると、ナビゲーションバーが表示されますが、ビューも縮小されます。 7マスタービューコントローラーのシーンでプッシュセグを選択します。 AttributesインスペクタのStyleメニューに
Push が表示されていることを確認した後、インスペクタのIdentifierフィールドにTestDriveと入力します。 Returnキーを押すか入力します。 識別子は必ずしも使用するわけではありませんが、セグを識別できるように名前を付けることをお勧めします。
ストーリーボードのフィールドは、リターンを押すまで、または時にはそのインスペクタの別のフィールド
をクリックするまで更新されません。
8属性インスペクタのDestinationドロップダウンメニューからDetail Splitを選択します。 テストドライブコントローラ内のビューのサイズが変更されます。 9最後に、Document Outlineで未使用の2つのTable Viewセルを選択し、Deleteを押してそれらを削除します。
デフォルトの宛先はCurrentに設定されていました。つまり、マスタービューに設定されていました。このデフォルトでは、View ControllerはマスターView用にサイズ変更されていました。これは、標準Split View Controllerで320ポイント幅です。しかし、目的地をDetailビューにしたいと思っています。このステップで[詳細分割]を選択すると、それが実行されます。
ビューのサイズが縮小され、ナビゲーションバーがビューの上部に追加されたことがわかります。ドキュメントのアウトラインのView Controller SceneでView Controllerを拡張すると、ナビゲーションバーが予想どおりに追加されたことがわかります。 ディスクロージャーインジケーター(テストドライブセルの右側にある矢印のような形状の
シェブロン
)も追加されています。
詳細セルを選択し、詳細ビューを宛先としてプッシュセグを作成すると、新しいテストドライブコントローラが詳細ビューのナビゲーションコントローラに
埋め込まれます。このナビゲーションコントローラは、スプリットビューコントローラの詳細ビューのすべてのビューコントローラスタックを管理します。
