是否可以自定義UITabBarItem徽章？

Question

下面的問題與我的類似。

How to use a custom UIImage as an UITabBarItem Badge?

是否有可能使用背景圖片，而不是繪製它自己的？ 我認爲這很好，因爲我的應用只會使用1位的badgeValue。

如果它不是真的可能，我想知道我們是否可以改變徽章的顏色。 下面問題中的答案並不真正有幫助。

Is it possible to change UITabBarItem badge color

Answer 1

嗯......改變內置徽章的背景似乎並不可能給我。但是可能的代替是：

子類TabBarController，構建一個自定義視圖放置在NIB中，將它添加到標籤欄中位置的視圖層次結構中，您希望它的位置。

在自定義視圖中，您可以將圖像設置爲背景，並在該背景上設置標籤，然後顯示數字值，然後可以通過代碼進行更改。

然後，您需要計算出自定義視圖的水平和垂直位置，以便將視圖放置在選項卡欄內。

希望這有助於一點點。 塞巴斯蒂安

Answer 2

這是你最好的選擇。在文件範圍內添加此擴展名，然後您可以自定義標籤。請在任何根視圖控制器中撥打self.tabBarController!.setBadges([1,0,2])。

要明確這是一個帶有三個項目的標籤欄，徽章值從左到右。

如果要添加圖像，而不是僅僅改變addBadge方法

extension UITabBarController { 
    func setBadges(badgeValues:[Int]){ 

     var labelExistsForIndex = [Bool]() 

     for value in badgeValues { 
      labelExistsForIndex.append(false) 
     } 

     for view in self.tabBar.subviews { 
      if view.isKindOfClass(PGTabBadge) { 
       let badgeView = view as! PGTabBadge 
       let index = badgeView.tag 

       if badgeValues[index]==0 { 
        badgeView.removeFromSuperview() 
       } 

       labelExistsForIndex[index]=true 
       badgeView.text = String(badgeValues[index]) 

      } 
     } 

     for var i=0;i<labelExistsForIndex.count;i++ { 
      if labelExistsForIndex[i] == false { 
       if badgeValues[i] > 0 { 
        addBadge(i, value: badgeValues[i], color:UIColor(red: 4/255, green: 110/255, blue: 188/255, alpha: 1), font: UIFont(name: "Helvetica-Light", size: 11)!) 
       } 
      } 
     } 


    } 

    func addBadge(index:Int,value:Int, color:UIColor, font:UIFont){ 

     let itemPosition = CGFloat(index+1) 
     let itemWidth:CGFloat = tabBar.frame.width/CGFloat(tabBar.items!.count) 

     let bgColor = color 

     let xOffset:CGFloat = 12 
     let yOffset:CGFloat = -9 

     var badgeView = PGTabBadge() 
     badgeView.frame.size=CGSizeMake(17, 17) 
     badgeView.center=CGPointMake((itemWidth * itemPosition)-(itemWidth/2)+xOffset, 20+yOffset) 
     badgeView.layer.cornerRadius=badgeView.bounds.width/2 
     badgeView.clipsToBounds=true 
     badgeView.textColor=UIColor.whiteColor() 
     badgeView.textAlignment = .Center 
     badgeView.font = font 
     badgeView.text = String(value) 
     badgeView.backgroundColor = bgColor 
     badgeView.tag=index 
     tabBar.addSubview(badgeView) 

    } 
} 

class PGTabBadge: UILabel { 

} 

Answer 3

您可以使用更強大的解決方案@UITabbarItem-CustomBadge。

演示

簡單的兩行代碼可以讓你去

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { 

    //supplying the animation parameter 
    [UITabBarItem setDefaultAnimationProvider:[[DefaultTabbarBadgeAnimation alloc] init]]; 
    [UITabBarItem setDefaultConfigurationProvider:[[DefaultSystemLikeBadgeConfiguration alloc] init]]; 

    //rest of your code goes following... 

    return YES; 
}