Question

iOS includes setFinishedSelectedImage:withFinishedUnselectedImage: for customize the tab bar.
I created a few textures with a 49 height, and I saw a strange black border at the bottom. Then, after adding an alpha channel, I realized the problem was that the images were displaced about 4 points up. I send you a screenshot.
Moreover, this one has the same problem (the black strange line), although is difficult to see it.
http://kurrytran.blogspot.com.es/2011/10/ios-5-tutorial-creating-custom-tab-bar.html

This is the code:
UIImage *selectedImage0 = [UIImage imageNamed:@”count_button_pressed”];
UIImage *unselectedImage0 = [UIImage imageNamed:@”count_button_released”];

UIImage *selectedImage1 = [UIImage imageNamed:@"date_button_pressed"];
UIImage *unselectedImage1 = [UIImage imageNamed:@"date_button_released"];

UIImage *selectedImage2 = [UIImage imageNamed:@"stats_button_pressed"];
UIImage *unselectedImage2 = [UIImage imageNamed:@"stats_button_released"];

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

[item0 setFinishedSelectedImage:selectedImage0 withFinishedUnselectedImage:unselectedImage0];
[item1 setFinishedSelectedImage:selectedImage1 withFinishedUnselectedImage:unselectedImage1];
[item2 setFinishedSelectedImage:selectedImage2 withFinishedUnselectedImage:unselectedImage2];

Do you know what happens?
Thanks in advance.

Answer 1

tabbaritem finished images are not vertically centered on the tabbar, since they are a replacement for standard tab bar item icons.

Tab bar item images are displaced to the top, thus leaving space for the tab bar item title text.

tabbaritem finished images should contain the icon only. To change the selected item background in a tabbar use the selectionIndicatorImage property in UITabBar