Ändern Sie die ausgewählte Farbe des Registerkartenleistenelements in einem Storyboard

Ich möchte meine Registerkartenleistenelemente so ändern, dass sie bei Auswahl anstelle des Standardblau rosa sind.

Wie kann ich dies mit dem Storyboard-Editor in Xcode 6 erreichen?

Hier sind meine aktuellen Einstellungen, die nicht funktionieren. Der blaue Hintergrund funktioniert, aber das Rosa funktioniert nicht:

Fügen Sie das Runtime Color-Attribut "tintColor" aus StoryBoard hinzu. Dies funktioniert ( für Xcode 8 und höher ).

Wenn Sie nicht ausgewählte Farben möchten, können Sie auch hinzufügen unselectedItemTintColor.

Diese elegante Lösung funktioniert hervorragend mit SWIFT 3.0 , SWIFT 4.2 und SWIFT 5.1 :

Auf dem Storyboard:

1. Wählen Sie Ihre Registerkartenleiste
2. Legen Sie einen Laufzeit-Attibute mit dem Namen tintColor für die gewünschte Farbe des ausgewählten Symbols in der Registerkartenleiste fest
3. Stellen Sie eine Runtime attibute genannt unselectedItemTintColor für die gewünschte Farbe des Nicht ausgewählte Symbol auf der Tab - Leiste

Bearbeiten: Arbeiten mit Xcode 8/10 für iOS 10/12 und höher .

In Swift können Sie mit xcode 7 (und höher) Folgendes zu Ihrer AppDelegate.swift-Datei hinzufügen:

UITabBar.appearance().tintColor = UIColor(red: 255/255.0, green: 255/255.0, blue: 255/255.0, alpha: 1.0)

So sieht die vollständige Methode aus:

func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {

    // I added this line
    UITabBar.appearance().tintColor = UIColor(red: 255/255.0, green: 255/255.0, blue: 255/255.0, alpha: 1.0)

    return true
}

Im obigen Beispiel ist mein Artikel weiß. Das "/255.0" wird benötigt, weil es einen Wert von 0 bis 1 erwartet. Für Weiß hätte ich auch 1 verwenden können. Für andere Farben werden Sie wahrscheinlich RGB-Werte verwenden.

Am habe Xcode8ich das ImageTintvom Storyboard geändert und es funktioniert gut.

Das Ergebnis:

Swift 3 | Xcode 10

Wenn Sie möchten, dass alle Elemente der Registerkartenleiste dieselbe Farbe haben (ausgewählt und nicht ausgewählt) ...

Schritt 1

Stellen Sie sicher, dass Ihre Bildelemente auf Rendern als = Vorlagenbild eingerichtet sind . Dadurch können sie Farbe erben.

Schritt 2

Verwenden Sie den Storyboard-Editor, um die Einstellungen Ihrer Registerkartenleiste wie folgt zu ändern:

• Stellen Sie die Registerkartenleiste: Bildtönung auf die Farbe ein, die das ausgewählte Symbol übernehmen soll.
• Set Tab Bar: Bar Farbton auf die Farbe wollen Sie die Tab - Leiste zu sein.
• Set Ausblick: Farbton auf die Farbe , die Sie im Storyboard - Editor sehen möchten, dies hat keinen Einfluss auf das Symbol Farbe , wenn Ihre Anwendung ausgeführt wird.

Schritt 3

Die Schritte 1 und 2 ändern die Farbe für das ausgewählte Symbol. Wenn Sie die Farbe der nicht ausgewählten Elemente weiterhin ändern möchten, müssen Sie dies im Code tun. Ich habe keine Möglichkeit gefunden, dies über den Storyboard-Editor zu tun.

Erstellen Sie eine benutzerdefinierte Controller-Klasse für Registerkartenleisten ...

//  TabBarController.swift

class TabBarController: UITabBarController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // make unselected icons white
        self.tabBar.unselectedItemTintColor = UIColor.white
    }
}

... und weisen Sie die benutzerdefinierte Klasse Ihrem Szenencontroller in der Registerkartenleiste zu.

Wenn Sie herausfinden, wie Sie die nicht ausgewählte Symbolfarbe über den Storyboard-Editor ändern können, lassen Sie es mich bitte wissen. Vielen Dank!

Fügen Sie diesen Code in viewDidLoad des Ansichtscontrollers ein, dessen Farbe Sie ändern möchten

[[UITabBar appearance] setSelectedImageTintColor:[UIColor whiteColor]];

Sie können die Farbfarbe der ausgewählten Bildleiste auch über den Tastenpfad festlegen:

Hoffe das wird dir helfen !! Vielen Dank

XCode 8.2, iOS 10, Swift 3: Jetzt gibt es ein unselectedItemTintColorAttribut für tabBar:

self.tabBar.unselectedItemTintColor = UIColor(red: 0/255.0, green: 200/255.0, blue: 0/255.0, alpha: 1.0)

Sie können die Farben UITabBarItem per Storyboard ändern, aber wenn Sie die Farben per Code ändern möchten, ist dies sehr einfach:

// Verwenden Sie diese Option, um die Farbe des ausgewählten Balkens zu ändern

   [[UITabBar appearance] setTintColor:[UIColor blueColor]];

// Dies zum Ändern der nicht ausgewählten Leiste (iOS 10)

   [[UITabBar appearance] setUnselectedItemTintColor:[UIColor yellowColor]];

// Und diese Zeile zum Ändern der Farbe aller Registerkarten

   [[UITabBar appearance] setBarTintColor:[UIColor whiteColor]];

Irgendwie können wir die Farbe des ausgewählten Elements in der Registerkartenleiste nicht allein mit dem Storyboard ändern. Daher habe ich in meinem ViewDidLoad den folgenden Code hinzugefügt. Ich hoffe, dies hilft.

[[UITabBar appearance] setTintColor:[UIColor whiteColor]]; 

Fügen Sie diesen Code in die Funktion -did_finish_launching_with_options Ihres App-Delegaten ein

UITabBar.appearance().tintColor = UIColor( red: CGFloat(255/255.0), green: CGFloat(99/255.0), blue: CGFloat(95/255.0), alpha: CGFloat(1.0) )

Stellen Sie das RGB der gewünschten Farbe ein

Dies ist die Lösung in Swift 3, die in iOS 10 funktioniert:

Zunächst erstellen Sie Ihre eigene Tab-Bar-Controller-Unterklasse und fügen sie Ihrem Tab-Controller in Ihrem Storyboard hinzu. In der viewDidLoad()Methode können Sie dann die Registerkartenleiste anpassen. Hierbei ist zu beachten, dass das tintColorAttribut von die tabBarFarbe des ausgewählten Elements darstellt, nicht die Farbe der nicht ausgewählten! Um die Farbe der nicht ausgewählten Elemente zu ändern, empfehle ich, jedes Element zu durchlaufen und die Originalfarben Ihrer Bilder zu verwenden, damit sie nicht automatisch als grau gerendert werden.

class CustomTabBarVC: UITabBarController
{
    override func viewDidLoad()
    {
        super.viewDidLoad()

        self.tabBar.tintColor = AppColor.normalRed
        self.tabBar.barTintColor = .white
        self.tabBar.isTranslucent = true

        if let items = self.tabBar.items
        {
            for item in items
            {
                if let image = item.image
                {
                    item.image = image.withRenderingMode( .alwaysOriginal )
                }
            }
        }
    }
}

Der einzige Nachteil bei diesem Ansatz ist, dass Ihre Artikelbilder bereits die gewünschte Farbe haben müssen, die Sie anstreben.

Dieser beste Weg ist, das Image TintStoryboard zu ändern

Sie können die Unterklasse festlegen UITabBarControllerund die im Storyboard durch diese ersetzen. viewDidLoadRufen Sie in Ihrer Implementierung der Unterklasse Folgendes auf:

[self.tabBar setTintColor:[UIColor greenColor]];