BESUP
  • Home
  • product
  • content
  • Contact

UITabBar(タブバー)​

【タブバーをコードで作る】
Storyboardを使わずに、コードでタブバーを作成します。
タブバーの高さを変更するため、カスタムクラスを作っています。

[ Tabbar.swift ]
import UIKit

class Tabbar: UITabBar {

   
override func sizeThatFits(_ size: CGSize) -> CGSize {
        
        var size = super.sizeThatFits(size)
        size.height = 70
        
        return size
    }
}


[ ViewController.swift ]
​import UIKit

class ViewController: UIViewController, UITabBarDelegate {

    
let tabBar = Tabbar()
    let tabBarheight: CGFloat = 70

    ​override func viewDidLoad() { 
        
super.viewDidLoad()

        tabBar.frame = CGRect(x: 0, y:screenH-tabBarheight, width: screenW, height: tabBarheight)
        //タブバーのスタイルを指定する
        tabBar.barStyle = UIBarStyle.default
        //タブバーの色を指定する
        tabBar.barTintColor = UIColor.red
       //選択されていないタブバーボタンの色
        tabBar.unselectedItemTintColor = UIColor.white
        //タブバーボタンを押した時の色
        tabBar.tintColor = UIColor.black

        //タブバーボタンを生成する
        let Item0: UITabBarItem = UITabBarItem(title: "",image:UIImage(named: "ファイル1"), tag:0)
        let Item1: UITabBarItem = UITabBarItem(title: "",image:UIImage(named: "ファイル2"), tag:1)
        let Item2: UITabBarItem = UITabBarItem(title: "",image:UIImage(named: "ファイル3"), tag:2)
        
        //タブバーアイテムを配置する
        tabBar.items = [Item0, Item1, Item2]
                
        //デリゲートの設定
        tabBar.delegate = self
        tabBar.isTranslucent = false
        
        //画面に追加する
        self.view.addSubview(tabBar)
    }

     //タブバーのボタンをタップした時の動作
    func tabBar(_ tabBar: UITabBar, didSelect item: UITabBarItem) {
        switch item.tag{
        case 0:
            print("ボタンタップ")
        case 1:
            print("ボタンタップ")
        case 2:
            print("ボタンタップ")
        default : return   

        }
    }
}
コンテンツ一覧へ

Home

プライバシーポリシー

お問い合わせ

Copyright © 2020 BESUP
  • Home
  • product
  • content
  • Contact