BESUP
  • HOME
  • PRODUCT
  • CONTENT
    • Swift一覧 >
      • UIView(ビュー)
      • UILabel(ラベル)
      • UIButton(ボタン)
      • UITextField(テキストフィールド )
      • UITextFieldの編集・キーボードリターンキーを押した時
      • UITextView(テキストビュー)
      • UITextViewの編集・キーボードリターンキーを押した時
      • UITabBar(タブバー)
      • UINavigationBar(ナビゲーションバー)
      • UITableView(テーブルビュー)
      • 横スライドアニメーション
      • 手描き
  • お問い合わせ

B E S U P

ー はじまりを、より良い機能を ー

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   

        }
    }
}
コンテンツ一覧へ

ホーム

プライバシーポリシー

お問い合わせ

Copyright © 2020
  • HOME
  • PRODUCT
  • CONTENT
    • Swift一覧 >
      • UIView(ビュー)
      • UILabel(ラベル)
      • UIButton(ボタン)
      • UITextField(テキストフィールド )
      • UITextFieldの編集・キーボードリターンキーを押した時
      • UITextView(テキストビュー)
      • UITextViewの編集・キーボードリターンキーを押した時
      • UITabBar(タブバー)
      • UINavigationBar(ナビゲーションバー)
      • UITableView(テーブルビュー)
      • 横スライドアニメーション
      • 手描き
  • お問い合わせ