如何自定義單個標籤欄項目的外觀？

Question

我需要中間標籤欄項目看起來不同於其他人。這裏有一個例子：

我怎樣才能做到這一點？

編輯： 除了中間的所有標籤以標準方式對選擇作出反應。選中時只有中間選項卡看起來相同。

Answer 1

您應該子類UITabBarController並更改內的items陣列中第三個UITabBarItem的外觀。

class CustomTabBarController: UITabBarController { 
    override func awakeFromNib() { 
     super.awakeFromNib() 

     guard let items = tabBar.items else { 
      return 
     } 

     for i in 0 ..< items.count { 
      item.image = image 
      item.selectedImage = selectedImage 

      [...] 
     } 
    } 
} 

Answer 2

Take a subclass of TabbarController.Remember to call `<UITabBarControllerDelegate>` 


    func viewDidAppear(_ animated: Bool) { 
     super.viewDidAppear(animated) 
     // 
     tabBar.selectionIndicatorImage = returnImageofSelectetab() 
    } 

//Method called everytime when you select tab. 

    func tabBarController(_ tabBarController: UITabBarController, didSelect viewController: UIViewController) { 

     if tabBarController.tabBar.selectionIndicatorImage == nil { 
      print("Starting point delegate: Selection indicator image is nill") 
     } 
     else { 
      print("Starting Point Of delegate: Selection indicator image is available") 
     } 

//HERE i gave index where I want to set image. 
     if tabBarController.selectedIndex == 2 { 
      tabBarController.tabBar.selectionIndicatorImage = nil 
     } 
     else { 
      tabBarController.tabBar.selectionIndicatorImage = returnImageofSelectetab() 
     } 
     if tabBarController.tabBar.selectionIndicatorImage == nil { 
      print("Ending point delegate: Selection indicator image is nill") 
     } 
     else { 
      print("Ending Point Of delegate: Selection indicator image is available") 
     } 
    } 

     func returnImageofSelectetab() -> UIImage { 
     //HERE 'img_sel' is YOUR SELECTED IMAGE SET AS BACKGROUND OF YOUR TABBARITEM 
      let selTab = UIImage(named: "img_sel")?.withRenderingMode(.alwaysOriginal) 
      let tabSize = CGSize(width: view.frame.width/5, height: 49) 
      UIGraphicsBeginImageContext(tabSize) 
      selTab?.draw(in: CGRect(x: 0, y: 0, width: tabSize.width, height: tabSize.height)) 
      let reSizeImage: UIImage? = UIGraphicsGetImageFromCurrentImageContext() 
      UIGraphicsEndImageContext() 
      return reSizeImage! 
     }