Cambia il colore dell'elemento selezionato nella barra delle schede in uno storyboard

Desidero modificare gli elementi della barra delle schede in rosa quando selezionati invece del blu predefinito.

Come posso farlo usando l'editor dello storyboard in Xcode 6?

Ecco le mie impostazioni attuali che non funzionano, lo sfondo blu funziona ma il rosa non funziona:

Aggiungi l'attributo Runtime Color denominato "tintColor" da StoryBoard. Funziona ( per Xcode 8 e versioni successive ).

se vuoi un colore non selezionato .. puoi aggiungerlo unselectedItemTintColoranche tu .

Questa elegante soluzione funziona alla grande su SWIFT 3.0 , SWIFT 4.2 e SWIFT 5.1 :

Nello Storyboard:

1. Seleziona la barra delle schede
2. Impostare un Runtime Attibute chiamato tintColor per il colore desiderato dell'icona selezionata sulla barra delle schede
3. Impostare un runtime attibute chiamato unselectedItemTintColor per il colore desiderato della Icon Unselected sulla barra delle schede

Modifica: lavorare con Xcode 8/10, per iOS 10/12 e versioni successive .

In Swift, utilizzando xcode 7 (e versioni successive), puoi aggiungere quanto segue al tuo file AppDelegate.swift:

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

Questo è l'aspetto del metodo completo:

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
}

Nell'esempio sopra il mio articolo sarà bianco. "/255.0" è necessario perché si aspetta un valore da 0 a 1. Per il bianco, avrei potuto usare solo 1. Ma per altri colori probabilmente userete valori RGB.

Su Xcode8ho cambiato ImageTintlo storyboard e funziona bene.

Il risultato:

Swift 3 | Xcode 10

Se vuoi rendere tutti gli elementi della barra delle schede dello stesso colore (selezionati e non selezionati) ...

Passo 1

Assicurati che gli asset immagine siano impostati su Render As = Template Image . Ciò consente loro di ereditare il colore.

Passo 2

Usa l'editor dello storyboard per modificare le impostazioni della barra delle schede come segue:

• Imposta Barra delle schede: Tonalità immagine sul colore che vuoi che l'icona selezionata erediti.
• Imposta Tab Bar: Bar Tint sul colore che vuoi che sia la barra delle schede.
• Imposta visualizzazione: tinta al colore che vuoi vedere nell'editor dello storyboard, questo non influisce sul colore dell'icona quando la tua app viene eseguita.

Passaggio 3

I passaggi 1 e 2 cambieranno il colore per l'icona selezionata. Se vuoi ancora cambiare il colore degli elementi non selezionati, devi farlo nel codice. Non ho trovato un modo per farlo tramite l'editor dello storyboard.

Creare una classe controller barra delle schede personalizzata ...

//  TabBarController.swift

class TabBarController: UITabBarController {

    override func viewDidLoad() {
        super.viewDidLoad()

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

... e assegna la classe personalizzata al controller della scena della barra delle schede.

Se hai capito come cambiare il colore dell'icona non selezionata tramite l'editor dello storyboard, fammelo sapere. Grazie!

inserire questo codice nel viewDidLoad del controller di visualizzazione di cui si desidera modificare il colore

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

È inoltre possibile impostare il colore della tinta della barra dell'immagine selezionata in base al percorso chiave:

Spero che questo ti possa aiutare !! Grazie

XCode 8.2, iOS 10, Swift 3: ora c'è un unselectedItemTintColorattributo per tabBar:

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

Puoi cambiare i colori UITabBarItem per storyboard ma se vuoi cambiare i colori per codice è molto semplice:

// Usa questo per cambiare il colore della barra selezionata

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

// Questo per modificare la barra non selezionata (iOS 10)

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

// E questa linea per cambiare il colore di tutte le tabbar

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

Questo modo migliore è cambiare Image Tintnello storyboard

In qualche modo non siamo in grado di cambiare il colore della tinta dell'elemento selezionato nella barra delle schede usando solo lo storyboard, quindi ho aggiunto il codice di seguito nel mio ViewDidLoad, spero che questo aiuti.

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

Aggiungi questo codice nella funzione delegate -did_finish_launching_with_options della tua app

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

metti l'RBG del colore richiesto

Questa è la soluzione in Swift 3 che funziona in iOS 10:

Innanzitutto, crei la tua sottoclasse del controller della barra delle schede e la aggiungi al controller della scheda nello storyboard. Nel viewDidLoad()metodo puoi quindi personalizzare la barra delle schede. Va qui precisato che l' tintColorattributo del tabBarrappresenta il colore dell'articolo selezionato non il colore di quelli non selezionati! Per cambiare il colore degli elementi non selezionati, ti consiglio di scorrere ogni elemento e utilizzare i colori originali delle tue immagini, in modo che non vengano renderizzati automaticamente come grigi.

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 )
                }
            }
        }
    }
}

L'unico svantaggio di questo approccio è che le immagini dei tuoi articoli devono già avere il colore desiderato a cui miri.

Puoi sottoclassare il UITabBarControllere sostituire quello con esso nello storyboard. Nella tua viewDidLoadimplementazione di sottoclasse chiama questo:

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