TabBarを使ってみた


タブバーがあることで一気にオシャレなアプリになる(気がする)ので備忘用に残します。

今回は基礎的な部分のみ実装します。

まずはプロジェクトを作りましょうー

Product Nameは何でもいいです


storyboardを開き、右下からTabBarControllerを選択しましょう


綺麗に並べてあげましょう

今度は右上のプラスボタンからViewControllerを選択してstoryboardに2つ新規で追加してあげましょう

こんな感じになればOK


Ctrlを押しながらドラッグして新しく追加したビューに繋いであげましょう

右下も同じように繋ぎましょう


ViewController.swiftは使わないのでゴミ箱に捨てましょう

Viewcontroller.swift上で右クリック
Move to Trashを選択


Command + Nで新規ファイルを作成しましょう

subclass of: 
の部分はUITabBarControllerを選んでください


storyboard上でプログラムと紐付けましょう

右上でTabBarControllerと入力&Enter


Tabアイコンを作っていきましょう

アイコンを選択して右の設定部分で装飾する(TitleとImageの部分です)
下二つも同じように


ここまで出来たら一旦ビルドをしましょう

こんな感じで表示されてたらOK


今回はいじりませんが、一応それぞれのViewController用にファイルを作って紐づけておきましょう

HomeViewController.swift,  SearchViewController.swift, SettingsViewController.swiftの三つ


区別用にラベルを各自つけてみましょう

ボタンでも背景色をそれぞれ変えるでも良いです


ここまで出来たらビルドをしましょう

こんな感じになればOK



あとは各画面で実装したい機能をコードで書いてオリジナルのアプリを作っていけます。

自分も未だtabbarを使ったアプリはリリース出来ていないのでこれから作ってみようと思います。


以上です。

この記事が気に入ったらサポートをしてみませんか?