remove blue outline from uitabbaritem image

Question

I have changed the tabBar.selectedImageTintColor to my own purlple color however when the tabbar item is selected there is a bright blue line that surrounds the outside of the image which is now purple..

This looks fairly bad, so now I am trying to find a way to either remove it or change it to a better matching color.

However I don't know how to do it and am hoping someone can tell me.

This is the blue line I am talking about

enter image description here

This is how I changed the image selection color to purpule...

 myTabBar.selectedImageTintColor = [UIColor colorWithRed:49.0/255.0 green:0.0/255.0 blue:98.0/255.0 alpha:0.95];

another example of the blue outline with tabbaricon scaled up

enter image description here

yea, I am using a custom image but its still adding that funny blue outline.. I will do a screen shot. — HurkNburkS, Jun 07 '12 at 03:43
How you will set the custom image for tab bar? I have used the above code for tab bar default buttons and works fine. — jay, Jun 07 '12 at 03:49
are you not getting a blue edging around your image?@Neptune — HurkNburkS, Jun 07 '12 at 04:31
I had used the same code in my system. But it works fine. There is no blue edging. I thing there is a problem in your image. — jay, Jun 07 '12 at 04:41
hrmm.. nope still seems to be happening.. i have tried several icon providers icons and still getting that blue outline. — HurkNburkS, Jun 07 '12 at 04:50
i am also getting the blue outline on my tabbarimage,how to remove that one? — Hari1251, Dec 11 '12 at 06:24

score 1 · Answer 1 · edited Apr 01 '14 at 19:22

1

In iOS 5, there are appearance methods that you can set.

Create your unselected and selected images exactly as you want them to appear and then setFinishedSelectedImage: withFinishedUnselectedImage: iOS will not apply any formatting to the images you provide through this method.

UIImage *selectedImage = [UIImage imageWithName:@"my_finished_selected_image"];
UIImage *unselectedImage = [UIImage imageWithName:@"my_finished_unselected_image"];
[tabBarItem setFinishedSelectedImage:selectedImage withFinishedUnselectedImage:unselectedImage];

edited Apr 01 '14 at 19:22

Irfan

4,301
6
29
46

answered Dec 03 '12 at 20:34

Jon

462
4
13

This method works but it's deprecated now. Do you know the iOS 7 equivalent of this? – aslı Sep 08 '14 at 11:06

remove blue outline from uitabbaritem image

1 Answers1