How to properly customize UITabBar and UITabBarItem on iOS 7 and iOS 8?

后端 未结 2 1585
有刺的猬
有刺的猬 2020-12-31 07:01

I am googling around so much, but nowhere I find a straight and consolidated answer.

I want to customize myUITabBarController such tha

2条回答
  •  暖寄归人
    2020-12-31 07:47

    I had the same problem as you. As far as I know there is no difference for the different iOS versions.
    I solved it programmatically like this:

    1. Turning the bar color black works as following (You already said it) (in AppDelegate):

      UITabBar.appearance().barTintColor = UIColor.blackColor()

    2. To set the color of the title for the different states, I used this code (in AppDelegate):

      UITabBarItem.appearance().setTitleTextAttributes([NSForegroundColorAttributeName!: UIColor.redColor()], forState:.Selected)
      UITabBarItem.appearance().setTitleTextAttributes([NSForegroundColorAttributeName!: UIColor.whiteColor()], forState:.Normal)
      
    3. (and 4.) You can achieve the different item colors, multicolored icons and different item colors for the different states, by setting the image programmatically and change the rendering mode (imageWithRenderingMode:) to UIImageRenderingMode.AlwaysOriginal, this looks as following (do this in the first view controller class for all your view controllers):

      var recentsItem = self.tabBarController!.tabBar.items![0] as UITabBarItem
      var recentsItemImage = UIImage(named:"recents.png")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal)
      var recentsItemImageSelected = UIImage(named: "recentsSelected.png")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal)
      recentsItem.image = recentsItemImage
      recentsItem.selectedImage = recentsItemImageSelected
      

    I hope this helps, if you have any following questions, feel free to ask me.

提交回复
热议问题