自定義標籤欄圖標顏色

Question

我目前正在使用Xcode 5開發一個面向列表的應用程序。我有一個自定義色彩的標籤欄，自定義圖像的選項卡圖標，自定義色彩選項卡欄的圖標圖像時，但我找不到如何自定義圖標圖像的顏色，當它沒有被選中。現在它只是默認的灰色，你幾乎看不到我的綠色標籤欄。我想讓標籤欄圖標的圖像和名稱爲白色。

有人知道如何在Xcode 5中設置標籤欄圖標的圖像色調？

Answer 1

你可以試試這個以色彩選擇的圖標：

// Custom the tab bar 
[[UITabBar appearance] setSelectedImageTintColor:[UIColor whiteColor]]; 

，這對着色非活動圖標：

[self.tabBarItem setFinishedSelectedImage:[UIImage imageNamed:@"item_seleted.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"item_unselected.png"]]; 

Answer 2

你需要爲每個選項卡的（未選）圖像的渲染模式到UIImageRenderingModeAlwaysOriginal。因此，在您的應用程序委託中，獲取對選項卡欄的引用，然後遍歷每個選項欄欄項，調整圖像模式。

有可能是一個更好的方式來獲取到標籤欄的引用，但我做了以下內容：

UIStoryboard *sb = [UIStoryboard storyboardWithName:@"Main" bundle:nil]; 
UITabBarController *tbc = [sb instantiateInitialViewController]; 
self.window.rootViewController = tbc; 
UITabBar *tb = tbc.tabBar; 

然後將圖像調整可以做如下：

NSArray *items = tb.items; 

for (UITabBarItem *tbi in items) { 
    UIImage *image = tbi.image; 
    tbi.selectedImage = image; 
    tbi.image = [image imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]; 
} 

Answer 3

試試這個way..it工作對我來說

在應用程序委託

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


UITabBarController *tabBarController=(UITabBarController*)(self.window.rootViewController); 
    UITabBar *tabBar=tabBarController.tabBar; 
    UITabBarItem *tabBarItem1=[[tabBar items] objectAtIndex:0];//first tab bar 
[tabBarItem1 setFinishedSelectedImage:[UIImage imageNamed:@"yourImageSelected.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"yourImageUnselected.png"]];//image should be 30 by 30 
} 

運行並去

Answer 4

設置與選定和非選擇圖像的自定義選項卡欄。 另外具有中心

UITabBar *tabBar = self.tabBarController.tabBar; 

UITabBarItem *item0 = [tabBar.items objectAtIndex:0]; 
UITabBarItem *item1 = [tabBar.items objectAtIndex:1]; 
UITabBarItem *item2 = [tabBar.items objectAtIndex:2]; 
UITabBarItem *item3 = [tabBar.items objectAtIndex:3]; 

[item0 setFinishedSelectedImage:[UIImage imageNamed:@"iconBlue.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"iconGray.png"] ]; 
[item1 setFinishedSelectedImage:[UIImage imageNamed:@"iconBlue2.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"icon-2.png"]]; 
[item2 setFinishedSelectedImage:[UIImage imageNamed:@"iconBlue3.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"icon-3.png"]]; 
[item3 setFinishedSelectedImage:[UIImage imageNamed:@"iconBlue4.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"icon-4.png"]]; 

item0.imageInsets = UIEdgeInsetsMake(6, 0, -6, 0); 
item1.imageInsets = UIEdgeInsetsMake(6, 0, -6, 0); 
item2.imageInsets = UIEdgeInsetsMake(6, 0, -6, 0); 
item3.imageInsets = UIEdgeInsetsMake(6, 0, -6, 0); 

**在第一視圖控制器的viewWillAppear中方法tabbarItem圖片插圖位置。 **

Answer 5

因爲setFinishedSelectedImage：

[item0 setFinishedSelectedImage:[UIImage imageNamed:@"iconBlue.png"] withFinishedUnselectedImage:[UIImage imageNamed:@"iconGray.png"] ]; 

有：

[item0 setImage:[[UIImage imageNamed:@"iconGray.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]]; 
[item0 setSelectedImage:[[UIImage imageNamed:@"iconBlue.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]]; 

有關更多信息，請參見UITabBarItem setFinishedSelectedImage: deprecated in iOS7 withFinishedUnselectedImage已過時，我通過更換使用拉姆小號的答案的修改過的版本。

Answer 6

如果你在可視化編輯器中有你的標籤欄，你可以在這裏完成。選擇標籤欄，並在「用戶自定義運行屬性」添加屬性： 關鍵路徑：selectedImageTintColor 類型：彩色 值：

Answer 7

你可以這樣做純粹是從故事板沒有通過添加「用戶自定義運行屬性編寫任何代碼「：

1. 在故事板
2. 打開選擇UITabViewController‘文檔大綱’，並確保您選擇‘場景中的標籤欄’視圖。
3. 顯示「身份檢查員」。你應該看到了部分「用戶定義的屬性運行」
4. 添加以下內容：
   • 關鍵路徑：tintColor
   • 類型：彩色
   • 值：選擇您想要的顏色。