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
}
}
}
タブバーの高さを変更するため、カスタムクラスを作っています。
[ 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
}
}
}