Alterar a cor selecionada do item da barra de guias em um storyboard

Quero alterar meus itens da barra de guias para rosa quando selecionados, em vez do azul padrão.

Como posso fazer isso usando o editor de storyboard no Xcode 6?

Aqui está minha configuração atual que não está funcionando, o fundo azul funciona, mas o rosa não funciona:

Adicione o atributo Runtime Color chamado "tintColor" no StoryBoard. Isso está funcionando ( para o Xcode 8 e superior ).

se você quiser cores desmarcadas, pode adicionar unselectedItemTintColortambém.

Esta solução elegante funciona muito bem no SWIFT 3.0 , SWIFT 4.2 e SWIFT 5.1 :

No Storyboard:

1. Selecione sua barra de guias
2. Defina um Runtime Attibute chamado tintColor para a cor desejada do ícone Selected na barra de guias
3. Defina um Runtime Attibute chamado unselectedItemTintColor para a cor desejada do ícone Não selecionado na barra de guias

Edit: Trabalhando com o Xcode 8/10, para iOS 10/12 e superior .

No Swift, usando o xcode 7 (e posterior), você pode adicionar o seguinte ao seu arquivo AppDelegate.swift:

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

É assim que o método completo se parece:

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
}

No exemplo acima, meu item será branco. O "/255.0" é necessário porque espera um valor de 0 a 1. Para o branco, eu poderia ter usado apenas 1. Mas para outras cores, você provavelmente estará usando valores RGB.

Em Xcode8Eu mudei o ImageTintdo storyboard e funciona bem.

O resultado:

Swift 3 | Xcode 10

Se você deseja tornar todos os itens da barra de guias da mesma cor (marcados e desmarcados) ...

Passo 1

Verifique se os recursos da imagem estão configurados para Renderizar como = imagem do modelo . Isso permite que eles herdem cores.

Passo 2

Use o editor de storyboard para alterar as configurações da barra de guias da seguinte maneira:

• Defina Barra de abas: Tonalidade da imagem com a cor que você deseja herdar do ícone selecionado.
• Definir barra de guias : tonalidade da barra para a cor que você deseja que a barra de guias seja.
• Definir visualização: tinja a cor que você deseja ver no editor de storyboard, isso não afeta a cor do ícone quando o aplicativo é executado.

etapa 3

Os passos 1 e 2 mudam a cor do ícone selecionado. Se você ainda deseja alterar a cor dos itens não selecionados, é necessário fazê-lo no código. Não encontrei uma maneira de fazer isso através do editor de storyboard.

Crie uma classe de controlador de barra de guia personalizada ...

//  TabBarController.swift

class TabBarController: UITabBarController {

    override func viewDidLoad() {
        super.viewDidLoad()

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

... e atribua a classe personalizada ao seu controlador de cena da barra de guias.

Se você descobrir como alterar a cor do ícone não selecionado por meio do editor de storyboard, informe-me. Obrigado!

coloque esse código no viewDidLoad do controlador de exibição do qual você deseja alterar a cor de

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

Você também pode definir a cor da tonalidade da barra de imagem selecionada pelo caminho da tecla:

Espero que isso ajude você !! obrigado

XCode 8.2, iOS 10, Swift 3: agora há um unselectedItemTintColoratributo para tabBar:

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

Você pode alterar as cores UITabBarItem por storyboard, mas se quiser alterar as cores por código, é muito fácil:

// Use isso para alterar a cor da barra selecionada

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

// Barra não selecionada para alteração (iOS 10)

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

// E esta linha para alterar a cor de todas as barras de tabulação

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

De alguma forma, não somos capazes de alterar a cor da tonalidade do item selecionado da barra de guias usando o storyboard sozinho; portanto, adicionei o código abaixo no meu ViewDidLoad, espero que ajude.

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

Adicione este código à função delegar -did_finish_launching_with_options do aplicativo

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

coloque o RGB da cor desejada

Esta é a solução no Swift 3 que funciona no iOS 10:

Primeiramente, você cria sua própria subclasse de controlador de barra de tabulação e a adiciona ao seu controlador de tabulação no storyboard. No viewDidLoad()método, você pode personalizar a barra de guias. Deve-se afirmar aqui que otintColor atributo do tabBarrepresenta a cor do item selecionado e não a cor dos itens não selecionados! Para alterar a cor dos itens não selecionados, recomendo percorrer cada item e usar as cores originais das suas imagens, para que elas não sejam renderizadas automaticamente em cinza.

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

A única desvantagem dessa abordagem é que as imagens dos itens já devem ter a cor desejada para a qual você deseja.

A melhor maneira é mudar Image Tintno storyboard

Você pode subclassificar UITabBarControllere substituí-lo pelo storyboard. Na sua viewDidLoadimplementação da subclasse, chame isso:

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