標簽欄垂直偏移iOS 5

Question

http://i.stack.imgur.com/NAqSJ.png

你好

我的定制標簽欄有垂直偏移問題。 UIImages與屏幕底部之間似乎存在黑色間隙。 怎么解決這個問題？ 我在第一個viewController的viewDidLoad（）方法中使用以下代碼：

[super viewDidLoad];
UIImage *selectedImage0 = [UIImage imageNamed:@"tabBarButtonHomeSelected.png"];
UIImage *unselectedImage0 = [UIImage imageNamed:@"tabBarButtonHomeUnselected.png"];

UIImage *selectedImage1 = [UIImage imageNamed:@"tabBarButtonUserSelected.png"];
UIImage *unselectedImage1 = [UIImage imageNamed:@"tabBarButtonUserUnselected.png"];

UIImage *selectedImage2 = [UIImage imageNamed:@"tabBarButtonPricetagSelected.png"];
UIImage *unselectedImage2 = [UIImage imageNamed:@"tabBarButtonPricetagUnselected.png"];

UIImage *selectedImage3 = [UIImage imageNamed:@"tabBarButtonStarSelected.png"];
UIImage *unselectedImage3 = [UIImage imageNamed:@"tabBarButtonStarUnselected.png"];

UIImage *selectedImage4 = [UIImage imageNamed:@"tabBarButtonGearSelected.png"];
UIImage *unselectedImage4 = [UIImage imageNamed:@"tabBarButtonGearUnselected.png"];

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];
UITabBarItem *item4 = [tabBar.items objectAtIndex:4];

[item0 setFinishedSelectedImage:selectedImage0 withFinishedUnselectedImage:unselectedImage0];
[item1 setFinishedSelectedImage:selectedImage1 withFinishedUnselectedImage:unselectedImage1];
[item2 setFinishedSelectedImage:selectedImage2 withFinishedUnselectedImage:unselectedImage2];
[item3 setFinishedSelectedImage:selectedImage3 withFinishedUnselectedImage:unselectedImage3];
[item4 setFinishedSelectedImage:selectedImage4 withFinishedUnselectedImage:unselectedImage4];

我很感謝你。

Answer 1

通常標簽標題會進入該空間。 你的標簽項都有空標題，是故意的嗎？ 如果是，那么您應該更改工具欄視圖的默認框架，可能是通過增加其frame.origin.y的間隙量。

Answer 2

解決方案是制作三種類型的圖像。 首先，您需要TabBar的背景。 其次，您需要一個尺寸為一個按鈕的圖像，用於一個選項卡的選定或突出顯示的背景。 第三，你需要沒有任何背景的圖標。

現在用你的TabBar背景設置

[tabBar setBackgroundImage:[UIImage imageNamed:@"background.png"]];

然后設置突出顯示的背景圖塊：

[tabBar setSelectionIndicatorImage:[UIImage imageNamed:@"selected.png"]];

然后你需要像你在問題中那樣設置你的圖標。 這應該做的工作。

Answer 3

您現在可以在Storyboard中解決此問題。

選擇要調整的選項卡欄項目，打開“大小”檢查器，然后調整“頂部和底部圖像插入”。 你需要調整它們相同的數量，否則它們只會擠壓/拉伸你的圖像（所以在頂部+5，在底部-5）