スポンサーリンク

【Swift】Xcodeの別Storyboardにボタンとラベルを設置する方法。

Swift
スポンサーリンク

今回の記事はXcodeプロジェクトを作成した際にできるStoryboardと「Viewcontroller.swif」とは別のStoryboardにボタンとラベルを作成する方法をご紹介する記事です。初心者用に画像付きで分かりやすく記載していくので是非参考にしてください。

スポンサーリンク

Xcodeで別Storyboardを作成

まず別のstoryboardの作成方法に関してはコチラの記事をご参照ください。

【Swift】Xcodeで別Storyboardを作成する方法。

こちらで別Storyboardを作成できた前提で記事を進めていきます。

次に別Storyboardと「Viewcontroller.swift」を紐付けます。

別Storyboardにボタンとラベルを設置

まず、storyboardを2つ作ってみましょう!!

こんな感じでMain(元々あったもの)とmake(作ったもの)です。

「Main」の方で「Assistant」をクリックすると横画面にviewcontroller.swiftが表示されるはずです。しかし、新しく作成した「make」の方ではどのように表示されるかというと下記です。

なんじゃこれ。。

みたことないコードがいっぱいありこれにlabelとかbuttonのViewを接続してコード書いていけばいいのかどうかわからない方が多いと思います。

実際コチラにコードとか書いても工夫すれば上手くいくのかもですが今回は一般的?な方法に関してご紹介します。

まず「ctrl」+「n」を押し新しいファイルを作成します。

「cocoa touch class」を用いて行っていきましょう。
このファイルはclass等の設定を簡単に行えるもので簡単ですのでこれを使ってください。

「cocoa touch class」をクリック。

クラスとsubclassの設定です。言語はswiftで!
クラス「つけたい名前」(今回はsecondViewController)
subclassは「UIViewController」でNext押します。

すると新しいファイルが作成されているので中を見てください。

いつもと同じようなコードの書かれたエディターになっております。

ここにいつも通りbutton等の要素を追加していけば良いのですが、make.storyboardで「Assistant」をクリックしてもまだこの画面は表示できません。

そのためこのstoryboardにはこのswiftファイルを関連付けてと言う指示をする必要があります。

ここまでできたらつぎにプルダウンで一番下に新しく作成したsecondViewControllerをクリック

以上で完了です。
これでコチラのstoryboardで「Assistant」をクリックすればsecondViewControllerのファイルがヒュオジされているのでそこでいつもどおりの操作を行いbutton等の設置が完了です。

本記事を読んでいただき感謝です。サイトを訪れていただいた方はプログラミング勉強中かと思いますのでプログラミング勉強のコツを合わせてご紹介。

スポンサーリンク
スポンサーリンク
スポンサーリンク

ブログに関しては500円程度かかりますが、それ以外は無料です。知識の吸収と並行してアウトプットは非常に効率が良いです。テックアカデミーに関しては講座レベルが高いにも関わらず、無料体験や人気口座も大幅値下げがあるので、重点的に学びたいものを無料体験してみてください。

転職時にも、エンジニアからテックアカデミー・Paizaは認知度が高いので、未経験入社採用を行う際履歴書で目に留まります。特にPaizaのスキルレベルA・SなどはIT業界でも評価されます。

テックアカデミー・Paizaの無料登録ができる期間中にぜひご利用してみてください。私も活用経験ありです。

Swift
スポンサーリンク
スポンサーリンク

コメント

  1. […] 【swift】別のstoryboardに「button」「label」を設置する方法。 カテゴリーiOS […]

  2. […] 「【Swift】別のStoryboardにボタンとラベルを追加する方法。」 […]

タイトルとURLをコピーしました