![見出し画像](https://assets.st-note.com/production/uploads/images/78409979/rectangle_large_type_2_783f90857f790d529ba9ac81630254df.png?width=1200)
Photo by
maki_memo
Storyboard Referenceを使ってみた
storyboardを分けて見やすくするためにstoryboard referenceは便利です。
なので備忘用に残します。
1-1
テキトーにプロジェクトを作成
![](https://assets.st-note.com/img/1652360382922-BWbbTB2rvv.png?width=1200)
1-2
storyboard上でTabBarを作る
![](https://assets.st-note.com/production/uploads/images/78408359/picture_pc_6857b8ce483a23eeeef1a442172e9538.gif?width=1200)
元からあったコントローラーは消しましょう
![](https://assets.st-note.com/img/1652360524105-WDkJZvLDex.png?width=1200)
1-3
command + Nで新規storyboardを追加
![](https://assets.st-note.com/img/1652360611392-XEfclj0lkf.png?width=1200)
![](https://assets.st-note.com/img/1652360630188-5HGksqnQTU.png?width=1200)
1-4
Home.storyboard上でTab Bar Itemを挿入
![](https://assets.st-note.com/img/1652360719931-GD8ADpnGja.png?width=1200)
![](https://assets.st-note.com/img/1652360755653-rjp2b67arV.png?width=1200)
*is initial View Controllerにチェックを入れておきましょう(チェックしないとビルドエラーになります)
![](https://assets.st-note.com/img/1652360799047-gFXnuxvc4S.png?width=1200)
1-5
Main.storyboardに戻ってstoryboard referenceを追加していきましょう
![](https://assets.st-note.com/img/1652360895866-GmrffeVSuG.png?width=1200)
Gifの流れでパーツを繋ぎましょう
![](https://assets.st-note.com/production/uploads/images/78408881/picture_pc_e34c7ab6b30c9c74d61c0eb9d52d0851.gif?width=1200)
storyboard referenceを選択して右上の[storyboard]から"Home"を選択しましょう(Home.storyboardのことを指します)
![](https://assets.st-note.com/img/1652361002395-w8hxjtQJJN.png?width=1200)
1-6
ここまでできたら一度ビルドをしてタブバーが正常に表示されているか確認しましょう
![](https://assets.st-note.com/img/1652361129238-tbR0Kcd16X.png?width=1200)
1-7
同じ要領で他のタブもつくってみましょう
![](https://assets.st-note.com/production/uploads/images/78409939/picture_pc_abb907608c9b62c1fa88880da86bafa3.gif?width=1200)
今回は以上です。
この記事が気に入ったらサポートをしてみませんか?