UITabBarItem Image nach unten verschieben?

Normalerweise haben Sie auf jeder Registerkarte von a UITabBarein kleines Bild und einen Titel, der die Registerkarte benennt. Das Bild wird oben auf der Registerkarte positioniert / zentriert, um den Titel darunter aufzunehmen. Meine Frage ist: Wenn Sie eine Registerkartenleiste mit nur einem Bild und ohne Titel haben möchten, gibt es eine Möglichkeit, das Bild nach unten zu verschieben, damit es besser in der Registerkarte zentriert wird?

Ich benutze (siehe unten) derzeit:

[tabBarItem setFinishedSelectedImage:tabSelected withFinishedUnselectedImage:tabUnselected];

Ich würde es jedoch vorziehen, ein größeres Bild ohne Titel zu verwenden. Wenn ich das Bild im Moment größer als etwa 70 Pixel bei 2x mache, beginnt es, von der Oberseite des Bildes abzuheben, UITabBarwährend unten viel ungenutzter Platz verbleibt.

Versuchen Sie es anzupassen tabBarItem die Werte imageInsets(zum Verschieben des Symbolbilds) und den Titel des Controllers auf Null zu setzen (damit kein Titel angezeigt wird). Fügen Sie so etwas zu -initoder -viewDidLoadMethode in View Controller ein:

Ziel c

self.tabBarItem.imageInsets = UIEdgeInsetsMake(6, 0, -6, 0);
self.title = nil;

Schnell

self.tabBarItem.imageInsets = UIEdgeInsets(top: 6, left: 0, bottom: -6, right: 0)
self.title = nil

UITabBarItemist eine Unterklasse, von UIBarItemder UIEdgeInsets imageInsetsEigentum hat. Spielen Sie ein wenig mit den Einsätzen, bis sie gut aussehen (abhängig von den Bildern Ihrer Registerkartensymbole).

Sie können dies auch über das Storyboard tun. Wählen Sie Ihr Tabbaritem aus, gehen Sie zum Größeninspektor und weisen Sie die entsprechenden Einfügungen zu.

* Demonstriert auf Xcode, Version 7.3.1 (7D1014)

Machen Sie eine Unterklasse von UITabBarControllerund in seiner viewDidLoad:

- (void)viewDidLoad
{
    [super viewDidLoad];
    [self.viewControllers enumerateObjectsUsingBlock:^(UIViewController *vc, NSUInteger idx, BOOL *stop) {
        vc.tabBarItem.title = nil;
        vc.tabBarItem.imageInsets = UIEdgeInsetsMake(5, 0, -5, 0);
    }];
}

Swift 3:

for vc in self.viewControllers! {
    vc.tabBarItem.title = nil
    vc.tabBarItem.imageInsets = UIEdgeInsetsMake(5, 0, -5, 0)
}

Wenn Sie Xamarin verwenden, funktioniert dies:

screen.TabBarItem.ImageInsets = new UIEdgeInsets(5, 0, -5, 0);
screen.TabBarItem.Title = "";

Das hat bei mir funktioniert

Swift 4

let array = tabBarController?.customizableViewControllers
for controller in array! {
    controller.tabBarItem.imageInsets = UIEdgeInsetsMake(5, 0, -5, 0)
}

SWIFT 3.0

Sie können Bild-Sets einstellen, oben, links, unten und rechts entsprechend festlegen.

self.tabBarItem.imageInsets = UIEdgeInsets(top: 5, left: 0, bottom: 0, right: 0)

Für iOS 11 müssen Sie die TraitCollection- Methode außer dem Festlegen von ImageInsets überschreiben. Bitte fügen Sie die Methode in Ihre untergeordnete UITabBarController-Klasse ein

public override UITraitCollection TraitCollection {
 get {
  return UITraitCollection.FromHorizontalSizeClass(horizontalSizeClass: UIUserInterfaceSizeClass.Compact);
 }
}

In Swift 4.2 , UIEdgeInsetsMakewird depricated, stattdessen sollten wir nutzen UIEdgeInsets,

let array = tabBarController?.customizableViewControllers
    for controller in array! {
        controller.tabBarItem.imageInsets = UIEdgeInsets(top: 5, left: 0, bottom: -5, right: 0)
    }