UITabbarの背景色を動的に変更したい

Question

実現したいこと

ユーザーが選択した色をUITabbarの背景色として設定できるようにしたいです。

該当のソースコード

if #available(iOS 15.0, *) {
        let appearance = UITabBarAppearance()
        appearance.backgroundColor = selectedColor
        UITabBar.appearance().scrollEdgeAppearance = appearance
        UITabBar.appearance().standardAppearance = appearance
} else {
       UITabBar.appearance().barTintColor = selectedColor
}

試したこと

上記のコードでselectedColorにユーザーが指定した色が入るのですが、画面に反映されません。
iOS15以降でUITabbarの背景色を動的に変更するにはどうすれば良いでしょうか？
iOS14では問題なく変更できております。
よろしくお願いいたします。

Comments

[TakeOne]

UITabBarを表示する前にそのコードを実行しているのであれば問題ないと思いますが、もしかして、既に表示されているUITabBarの背景色を後から変えようとしていますか?

[gengarvmax]

そうです。アプリで配色変更機能をユーザーに提供しておりまして、選択時に変更しようとしています。
iOS14以前では出来ているのですが。

Answer 1

UITabBar.appearance() は、新たに作成するUITabBarのデフォルト設定を格納しておく場所なので、既に画面に表示されているUITabBarの背景色を後から変えたい場合、そこに設定しても画面表示は何も変わりません。

現在表示中のUITabBarをどのようにして取得するかは、処理を記述する場所によってやり方が変わると思いますが、例えばUITabBarController内に配置したタブ画面(ViewController)の処理で背景色を変更したい場合は、下記のように self.tabBarController?.tabBar で現在表示中のUITabBarを取得して、そのプロパティを変更すれば、表示中のUITabBarの背景色を変えることができると思います。

let appearance = UITabBarAppearance()
appearance.backgroundColor = selectedColor
self.tabBarController?.tabBar.standardAppearance = appearance
self.tabBarController?.tabBar.scrollEdgeAppearance = appearance

質問のコードはiOS14でうまくいくとのことですが、気になって確認してみたところ、私の確認ではiOS14でUITabBar.appearance().barTintColor = selectedColorを実施しても現在表示中のUITabBarの背景色を変えることはできませんでした。

このコードと別のところに、現在表示中のUITabBarの背景色を変える処理がないでしょうか?
もしそれがあるなら、iOS15の場合の背景色変更処理もそちらで切り分けて実施した方がよいと思います。

Comments

[gengarvmax]

ご指摘いただいた方法で変更できました。
本当にありがとうございます。

なお、else部分ですが、実際の変更箇所を確認しましたところ、

UITabBar.appearance().barTintColor = selectedColor

ではなく、

self.tabBarController?.tabBar.barTintColor = selectedColor

の誤りでした。申し訳ございません。