2

Já tentei de diversas formas trocar a cor do que eles chamam de "tab indicator", mas sem sucesso... Mesmo utilizando o "Android Action Bar Style Generator" a cor desse indicador permanece azul claro.

teste http://nsae01.casimages.net/img/2014/09/11/140911033853988172.png

Estou utilizando versões 3.0+ (com AppCompat). Meu XML está exatamente como o gerador me passou...

Layout gerado

8
  • 1
    Se as configurações que usou são as mesmas que eu vi quando abri (não houve perda), faltou você especificar o Style compatibility como AppCompat. O atual esta como Holo, o que ignora algumas configurações específicas de estilo do AppCompat.
    – Wakim
    11/09/2014 às 13:48
  • Na verdade eu coloquei como AppCompat, o link que não deve ter carregado essa opção :/ Fui verificar os XMLs e todos possuem essa compatibilidade...
    – Mukotoshi
    11/09/2014 às 13:52
  • 1
    Ok, ele perdeu a informação, desculpe. Aliás... Como está fazendo essas abas? Usando o ActionBar.NAVIGATION_MODE_TABS? Ou está usando outra biblioteca?
    – Wakim
    11/09/2014 às 13:58
  • 1
    Tente fazer o seguinte, não consigo testar mas acho que vai dar certo (se der eu posto como resposta). Itere sobre os filhos do TabWidget (usando getChildAt(...) e getChildCount) e use o setBackgroundResource como o drawable tab_indicator_ab gerado pelo Style Generator). Isso depois de ter configurado todas as Tabs.
    – Wakim
    11/09/2014 às 14:07
  • 1
    Vou montar uma resposta exemplificando como deve ser feito.
    – Wakim
    11/09/2014 às 14:26

1 Resposta 1

2

O FragmentTabHost retorna o TabWidget (apenas um), que é a View responsável por desenhar essas abas. Cada filho dele é uma aba diferente.

A configuração de cor do Tab do Style Generator se aplica apenas ao Tab do ActionBar.

No seu caso esta usando o TabHost e o TabWidget, e esse estilo não se aplica a eles, infelizmente.

Para customizar a aba, precisa recuperar o TabWidget e estilizar cada filho. Dessa forma:

// Assim como voce mencionou
TabWidget tabWidget = mTabHost.getTabWidget();

// Como o TabWidget eh um ViewGroup, ele tem filhos e podemos iterar
// sobre os mesmos
int childCount = tabWidget.getChildCount();

for(int i = 0; i < childCount; ++i) {
    View child = tabWidget.getChildTabViewAt(i);
    // Que eh o mesmo que
    //View child = tabWidget.getChildAt(i);
    // Vide o codigo fonte

    // O Drawable vai variar conforme o nome do seu tema, confirme se tem
    // algum nome parecido com esse e altere aqui
    child.setBackgroundResource(R.drawable.tab_indicator_ab);
}

Use esse código ao final da configuração do TabHost.

O arquivo tab_indicator_ab.xml que esta no diretório /res/drawable é bem parecido com esse:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Non focused states -->
    <item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:drawable="@android:color/transparent" />
    <item android:state_focused="false" android:state_selected="true"  android:state_pressed="false" android:drawable="@drawable/tab_selected_ab" />

    <!-- Focused states -->
    <item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/tab_unselected_focused_ab" />
    <item android:state_focused="true" android:state_selected="true"  android:state_pressed="false" android:drawable="@drawable/tab_selected_focused_ab" />

    <!-- Pressed -->
    <!--    Non focused states -->
    <item android:state_focused="false" android:state_selected="false" android:state_pressed="true" android:drawable="@drawable/tab_unselected_pressed_ab" />
    <item android:state_focused="false" android:state_selected="true"  android:state_pressed="true" android:drawable="@drawable/tab_selected_pressed_ab" />

    <!--    Focused states -->
    <item android:state_focused="true" android:state_selected="false" android:state_pressed="true" android:drawable="@drawable/tab_unselected_pressed_ab" />
    <item android:state_focused="true" android:state_selected="true"  android:state_pressed="true" android:drawable="@drawable/tab_selected_pressed_ab" />
</selector>
3
  • Novamente muito obrigado, funcionou perfeitamente... Não querendo abusar mas me surgiu uma dúvida: Você recomenda o uso do Tab da ActionBar ou o TabHost e o TabWidget?
    – Mukotoshi
    11/09/2014 às 14:50
  • 1
    O Tab do ActionBar é muito simples, é só um Tab que tem um ActionBar.TabListener vinculado. Ele não tem vínculo com o conteúdo da Aba, isso significa que você tem que gerenciar isso (seja com FragmentManager ou de outra forma). É bastante usado em conjunto com o ViewPager, um atualiza o outro. No TabHost ele obriga a você a fornecer o conteúdo (Fragment ou View), sendo assim ele é mais rígido, porém é mais simples. Acho que vai depender do caso de uso, sincronizar o ActionBar Tab com o ViewPager é bem mais chatinho mas funciona.
    – Wakim
    11/09/2014 às 14:55
  • Ok, muito obrigado. Você me ajudou muito mesmo, isso me travou por 2 dias... Obrigado!
    – Mukotoshi
    11/09/2014 às 14:58

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .