「ゴルトン社長」のはじめの一歩

すげーブログ

世の中のすげーを伝える!

【初心者必見】iphoneアプリ開発_Controllerの解説_UITabBarController編

最終更新日:2020年08月14日
f:id:BlueThree:20200814204123j:plain:w500
家に引きこもっている「ゴルトン社長」です。(twitter : @GoRuton_1stStep)

UITabBarControllerの基礎・基本

  • Controller解説シリーズpart1

人気の記事!

人生を変えたい人に向けて「はじめの一歩」を踏み出したい人にオススメ!

www.goruton.com www.goruton.com www.goruton.com www.goruton.com

1)タブの追加

f:id:BlueThree:20190703224915p:plain
Tabの追加

  • タブを追加してみます。新しいタブに対応するViewControllerを一つ増やします。
  • TabBarControllerから追加したViewControllerへ向けてControl + ドラッグします。
  • ポップアップからview controllersを選択します。
  • タブの並びを変更したい時は、TabBarController上のアイコンをshiftを押しながらドラッグします。

2)アイコンの画像を変える

  • デフォルトのものからカスタムアイコンに変更してみます。
  • 前準備としてImage Setを作成しておきましょう。
  • 1xには25px,2xには50px,3xには75pxのサイズを割り当てることが多いです。
  • 今回は1aという名前のImage Set作成しました。

f:id:BlueThree:20190704232103p:plain
MainStoryBoard

  • System ItemをCustomに、selected imageを1aに変更します。
  • Bar Itemのほうも忘れずにImageに1aを指定します。
  • 未選択時のアイコンの状態の設定となります。

f:id:BlueThree:20190704232555p:plain
Classの設定

  • タブバーのアイコンと背景の色は変更可能です
  • MyTabBarController.swiftに以下のようなコードを追加してください
import UIKit

class MyTabBarController: UITabBarController {

    override func viewDidLoad() {
        super.viewDidLoad()

        //追加するコード!!
        // アイコンの色
        UITabBar.appearance().tintColor = UIColor(red: 255/255, green: 233/255, blue: 51/255, alpha: 1.0) // yellow
        // 背景色
        UITabBar.appearance().barTintColor = UIColor(red: 66/255, green: 74/255, blue: 93/255, alpha: 1.0) // grey black
    }
}

最後に!!

f:id:BlueThree:20200805191056j:plain:w500

最後までご覧いただき、本当にありがとうございます!!

最近は、たくさんの読者さんから「コメント」や「メッセージ」が届くようになりました!!
皆さんと会話できて嬉しいですし、コメントで毎日励まされています。

ありがとうございます!

これからも、ゴルトン社長は「毎日」ブログを更新しています! www.goruton.com www.goruton.com www.goruton.com www.goruton.com www.goruton.com

皆さんから人気がある記事

www.goruton.com www.goruton.com www.goruton.com www.goruton.com www.goruton.com

まとめ記事

www.goruton.com www.goruton.com www.goruton.com www.goruton.com www.goruton.com www.goruton.com www.goruton.com