[Swift3] ナビゲーションバーとステータスバーの色変更

投稿日：2017年10月6日更新日：2017年10月4日

1 はじめに
- 1.1 前提条件
2 ナビゲーションアイテムの色変更
3 ナビゲーションバーの色変更
4 ナビゲーションタイトルの色変更
5 ステータスバーの色変更
6 さいごに

はじめに

どうも、はじめです。

今回はナビゲーションバー、ナビゲーションアイテム、ナビゲーションタイトル、
ステータスバーの色変更を行いたいと思います。

完成形は以下になります。

前提条件

・Swift 3.1
・Xcode 8.3.3

事前準備としてストーリーボードを以下のようにしておきます。

では早速。

ナビゲーションアイテムの色変更

・アプリ全体への反映

 func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool { // ナビゲーションアイテムの色変更 UINavigationBar.appearance().tintColor = UIColor.red return true }

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {

// ナビゲーションアイテムの色変更

UINavigationBar.appearance().tintColor = UIColor.red

return true

}

・ページ単位での変更

 override func viewDidLoad() { super.viewDidLoad() // ナビゲーションアイテムの色変更 self.navigationController?.navigationBar.tintColor = UIColor.red }

override func viewDidLoad() {

super.viewDidLoad()

// ナビゲーションアイテムの色変更

self.navigationController?.navigationBar.tintColor = UIColor.red

}

ナビゲーションバーの色変更

・アプリ全体への反映

 func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool { // ナビゲーションバーの色変更 UINavigationBar.appearance().barTintColor = UIColor.black return true }

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {

// ナビゲーションバーの色変更

UINavigationBar.appearance().barTintColor = UIColor.black

return true

}

・ページ単位での変更

 override func viewDidLoad() { super.viewDidLoad() // ナビゲーションアイテムの色変更 self.navigationController?.navigationBar.barTintColor = UIColor.black }

override func viewDidLoad() {

super.viewDidLoad()

// ナビゲーションアイテムの色変更

self.navigationController?.navigationBar.barTintColor = UIColor.black

}

ナビゲーションタイトルの色変更

・アプリ全体への反映

 func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool { // ナビゲーションタイトルの色変更 UINavigationBar.appearance().titleTextAttributes = [NSForegroundColorAttributeName: UIColor.white] return true }

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {

// ナビゲーションタイトルの色変更

UINavigationBar.appearance().titleTextAttributes = [NSForegroundColorAttributeName: UIColor.white]

return true

}

・ページ単位での変更

 override func viewDidLoad() { super.viewDidLoad() // ナビゲーションアイテムの色変更 self.navigationController?.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.white] }

override func viewDidLoad() {

super.viewDidLoad()

// ナビゲーションアイテムの色変更

self.navigationController?.navigationBar.titleTextAttributes = [NSForegroundColorAttributeName: UIColor.white]

}

ステータスバーの色変更

ステータスバーの色変更はInfo.plistで行います。
1. Targets [プロジェクト名] -> info -> Custom iOS Target Properties
のKey列で＋ボタンを押して[View controller-based status bar appearance]と入力し追加
2. Valueを[No]に変更
3. 1と同じ場所で[Status bar style]を追加
4. Valueを[Opaque black style]に変更

上記手順でステータスバーを白色に変更することが可能です。

変更完了後のイメージが以下になります。

さいごに

ステータスバーをページ単位で変更することは可能ではありますが、
かなり面倒な上にモーダルでの画面遷移等が発生した場合挙動が不安定だったりするそうです。
今後機会があれば書いてみたいと思います。

最後まで見て頂きありがとうございました。

免責事項

このブログは、記事上部に記載のある投稿日時点の一般的な情報を提供するものであり、投資等の勧誘・法的・税務上の助言を提供するものではありません。仮想通貨の投資・損益計算は複雑であり、個々の取引状況や法律の変更によって異なる可能性があります。ブログに記載された情報は参考程度のものであり、特定の状況に基づいた行動の決定には専門家の助言を求めることをお勧めします。当ブログの情報に基づいた行動に関連して生じた損失やリスクについて、筆者は責任を負いかねます。最新の法律や税務情報を確認し、必要に応じて専門家に相談することをお勧めします。

日	月	火	水	木	金	土
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

[Swift3] ナビゲーションバーとステータスバーの色変更

はじめに

前提条件

ナビゲーションアイテムの色変更

ナビゲーションバーの色変更

ナビゲーションタイトルの色変更

ステータスバーの色変更

さいごに

フォロー

アプリ情報