iOSシミュレータでは、テンプレートレンダリングモードの透過画像に白い背景が表示されます

Question

資産カタログで設定された画像に「テンプレート画像」が設定されていても、タブバーのアイコンの背景に白い背景が表示されます。ここではいくつかの例は以下のとおりです。

上ですべての設定はありません背景UITabBar

同じ画像暗く、コントラストが

同じアイコンの背景を引き出すように変更赤い背景を使用していますが、UITabBar.appearance().barTintColor = red

ここでiOSの設定で、すべての3つのサイズでエクスポートされたスケッチのiOSのUIライブラリーから、新たにエクスポートされた形状は、です：

私は

を使用して、最終的なPNG

Pixelmatorから見た透明度を示すPNG

イメージは、アセットカタログ内およびプログラムによってテンプレートモードに設定されています。それぞれの背景には、UITabBarのappearance()で設定し、私はUITabBarControllerをサブクラスではないよ、と私はストーリーボードを使用していないよ、とここで私は単純化するvar名前で、この問題を再現する必要があるすべてのコードです：

// AppDelegate 
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool { 
    window = UIWindow(frame: UIScreen.main.bounds) 
    let tabBarController = UITabBarController() 
    // let controllers = [...] 
    tabBarController.setViewControllers(controllers, animated: false) 
    UITabBar.appearance().tintColor = UIColor.brown 
    UITabBar.appearance().barTintColor = // red, green, etc 
    window!.rootViewController = tabBarController 
    window!.makeKeyAndVisible() 
    return true 
} 

そしてここにはあります私はそのコントローラにUITabBarItemを設定する場所：

// The controller with the tab icon 
override init(style: UITableViewStyle) { 
    super.init(style: style)   
    let booImage = UIImage(named: "boo")?.withRenderingMode(.alwaysTemplate) 
    self.tabBarItem = UITabBarItem(title: "Controller", image: booImage, tag: 1) 
} 

を除けば、コードのこれらの数行から、これは他の変化と新鮮なプロジェクトです。私が望むどんな色にも色を付けることができるので、イメージがテンプレートであることがわかりますが、白い背景が常に残っています。

ドキュメントに基づいて、テンプレート画像をUITabBarItemアイコンとして使用するために必要な他の手順はありません。誰でも、UITabBarItemsに白い背景が表示される理由を知っていますか？それはシミュレータで実行されているという事実と関係がありますか？

Answer 1

再現することはできません。ここで私のアプリは5sのシミュレータで実行されている（風景で）;何の "白い背景は" ありません：

は、ここでは、コードの全体です：

// AppDelegate.swift 

import UIKit 
@UIApplicationMain 
class AppDelegate: UIResponder, UIApplicationDelegate { 
    var window: UIWindow? 
    func application(_ application: UIApplication, didFinishLaunchingWithOptions 
     launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool { 
      self.window = self.window ?? UIWindow() 
      let tabBarController = UITabBarController() 
      let controllers = [ViewController()] 
      tabBarController.setViewControllers(controllers, animated: false) 
      UITabBar.appearance().tintColor = .yellow 
      UITabBar.appearance().barTintColor = .red 
      self.window!.rootViewController = tabBarController 
      self.window!.makeKeyAndVisible() 
      return true 
    } 
} 

// ViewController.swift 

import UIKit 
class ViewController: UIViewController { 
    init() { 
     super.init(nibName: nil, bundle: nil) 
     let booImage = UIImage(named: "ghost")?.withRenderingMode(.alwaysTemplate) 
     self.tabBarItem = UITabBarItem(title: "Controller", image: booImage, tag: 1) 
     self.view.backgroundColor = .white 
    } 
    required init?(coder aDecoder: NSCoder) { 
     fatalError("init(coder:) has not been implemented") 
    } 
} 

Answer 2

UITabBarはおそらくbackground = whiteです。タブバーの背景をクリアするようにしてください。あなたはストーリーボードでこれを行うことができます。また、デフォルトのUITabBarを拡張し、これをコードで更新したいという理由がいくつかあります。

Storyboard Color