Benutzerdefiniertes UITabBarItem ohne Titeletikett

Question

Ich versuche, eine UITabBar zu erstellen, die ich mithilfe der Aussehen-API anpassen werde. Ich versuche, das Titeletikett aus dem UITabBarItem zu entfernen und das Bild so zu vergrößern, dass es zentriert wird. Wenn Sie nur den Titeltext löschen, wird unter dem Bild und dem unteren Rand der Leiste ein leerer Bereich angezeigt.

Kann jemand ein UITabBarItem ohne Titel erstellen?

Answer 1

machte die gleiche Aufgabe nur heute.

Da ich nicht den vollen Platz der Tab-Leiste für Artikelbild verwenden kann, ändere ich einfach den Hintergrund der Tableiste, wenn der Benutzer einen Tab drückt.

1. Der erste Schritt besteht also darin, Hintergrundbilder mit Schaltflächen in voller Größe für jede ausgewählte Registerkarte zu erstellen.

2. Dann benutzerdefinierte Klasse erstellen und zuweisen es für Ihre Tab-Leiste Controller

3. In Ihrem benutzerdefinierten Klasse setzt Hintergrundbild für die ersten Registerkarte in ViewDidLoad:

   [[self tabBar] setBackgroundImage:[UIImage imageNamed:@"tabShopsActive"]]; 
   [[self tabBar] setSelectionIndicatorImage:[UIImage imageNamed:@"tabSelection"]]; 
   

4. hinzufügen Änderung Hintergrund für jeden UIController in ViewWillAppear:

   UITabBarController *bar = [self tabBarController]; 
   [bar.tabBar setBackgroundImage:[UIImage imageNamed:@"tabDiscountsActive"]]; 
   

So jetzt, wenn der Benutzer eine beliebige Registerkarte Tab-Leiste drücken Hintergrund ändern, um das richtige Bild dafür zu zeigen.

Es ist meine resultierende Tab-Leiste, wenn die zweite Registerkarte ausgewählt:

Answer 2

Meine Lösung für das gleiche Problem:

1, machen die Bar Ursprung y niedriger, drücken Sie den leeren Raum außerhalb der Bildschirm.

2, setzen Sie den Hintergrund zurück, um sicherzustellen, dass er nur die richtige Position abdeckt.

Answer 3

den Titel nil Set und das Symbol bewegen

self.tabBarItem = [[UITabBarItem alloc] initWithTitle:nil 
               image:[[UIImage imageNamed:@"icon_tabbar_inactive.png"] 
                imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal] 
             selectedImage:[[UIImage imageNamed:@"icon_tabbar_active.png"] 
                imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]]; 

// Move the tabbar icon to the middle of tabbar 
self.tabBarItem.imageInsets = UIEdgeInsetsMake(6.0, 0.0, -6.0, 0.0);