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を使ったアプリはリリース出来ていないのでこれから作ってみようと思います。

以上です。