はじめに
タブバーからのアプリの立ち上げ方メモ
今回のサンプルリポジトリ
できるもの
２つのタブバーで画面きりかえをする。
ストーリーボードを使用しない設定をする
以下記事を参考にしてください。
ViewControllerを２つ作成
下記のようなViewControllerを作成します。
import UIKit
class HogeVC: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
view.backgroundColor = .systemRed
}
}
import UIKit
class FugaVC: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
view.backgroundColor = .systemBlue
}
}
SceneDelegate修正
下記修正を追加します。
func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
//UIwindowsのアンラップ
guard let scene = (scene as? UIWindowScene) else { return }
// window生成
let window = UIWindow(windowScene: scene)
// ルートビュー指定
window.rootViewController = createTabbar()
// キーウインドウ指定
window.makeKeyAndVisible()
// windowインスタンスが解放されないようにパラメータに代入する
self.window = window
configureNavigationBar()
}
func createHogeNC() -> UINavigationController {
let hogeVC = HogeVC()
hogeVC.title = "Hoge"
hogeVC.tabBarItem = UITabBarItem(tabBarSystemItem: .bookmarks, tag: 0)
return UINavigationController(rootViewController: hogeVC)
}
func createFugaNC() -> UINavigationController {
let fugaVC = FugaVC()
fugaVC.title = "Fuga"
fugaVC.tabBarItem = UITabBarItem(tabBarSystemItem: .downloads, tag: 1)
return UINavigationController(rootViewController: fugaVC)
}
func createTabbar() -> UITabBarController {
let tabbar = UITabBarController()
UITabBar.appearance().tintColor = .systemGreen
tabbar.viewControllers = [createHogeNC(), createFugaNC()]
return tabbar
}
func configureNavigationBar() {
UINavigationBar.appearance().tintColor = .systemGreen
}
それぞれのタブが、ナビゲーションコントローラを持ち、そのナビゲーションコントローラのは、それぞれビューコントローラーをもつので、
タブバーを window.rootViewController に指定しています。
これで完成です。
デバッグビューヒエラルキー
デバックビューヒエラルキーで
わかりやすくタブ､ナビゲーション､ビューコントローラーの構造を確認できます。
参考