storyboard を使って 子画面を表示(macos)

storyboard を試しながら、Table View を動かしてみて、Tab View と画面遷移をおこなったものに、子画面を表示させる。

storyboardを学ぶのに、良さげな書籍が見つからないのと、ググラビリティが悪いので、youtubeの良さげな以下のサイトを参考に。

(137) AppleProgramming – YouTube

1.子画面を呼び出すボタンを配置

3つボタンを置く。

画面右上の+(Library)ボタンを押して、コンポーネントパレット的な画面からPush Buttonをドラッグ。

通常、ドラッグすると、ダイアログが閉じるが、optionボタンを押しながらドラッグすると、ダイアログが残るので、連続してボタンを置くのには都合が良い。

Storyboard childwindow00001

ボタンをダブルクリックして、キャプションを変更。

それぞれ、Modal、Popover、Sheet と、子画面表示方法に合わせたキャプションに変更

Storyboard childwindow00003

2.子画面の配置

ボタンを押して表示する子画面(View Controller)をこちらも、+(Library)ボタン押下から、View Controller を3つstoryboard にドラッグする。

Storyboard childwindow00002

接続、ボタンから、control ボタンを押下しながら、今作成したView Controller へドラッグする。

Storyboard childwindow00004

ドラッグを離すと、コンテキストメニューが出るので、Modalを選択する。

Storyboard childwindow00005

Modalボタンと、View Controllerが接続された。

Storyboard childwindow00006

同様に、ボタンごとに、Popover、Sheetを接続する。

Storyboard childwindow00008

Sheetボタンから遷移するView Controllerにボタンを一つ配置する。

(Sheet画面がそのままでは閉じられないので、閉じるボタンを配置)

Storyboard childwindow00009

閉じるボタンとして配置したボタンから、controlボタンをクリックしながら、上部の青いアイコンまでドラッグする。

Storyboard childwindow00010

ドラッグを離すと、コンテキストメニューが表示されるので、dismissController(閉じる)を選択する。

Storyboard childwindow00011

3.実行

Modalボタンでモダール画面、Popoverでポップアップ画面、Sheetボタンで、Sheet画面?が表示される。

Sheet画面のボタン押下で、Sheet画面?が閉じる。

Storyboard childwindow

なんとなく、のりがわかってきたか。

Follow me!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です