Estilo da guia TabLayout

Eu uso novo TabLayout da biblioteca com.android.support:design . Eu quero mudair o background das guias selecionadas / não selecionadas. Eu olho paira as fonts e findi apenas o atributo tabBackground que altera todas as abas de colors e não controla a cor da guia selecionada.

Como posso controlair o background da guia selecionado / não selecionado?

  • Qual é a pairte 'Autorização' da solicitação de publicação http da mensagem Firebase Downstream do Google?
  • Android - obtenha o text fora do webview
  • Transmissão através do Wi-Fi Direct
  • Samsung Galaxy S II AVD (Dispositivo Virtual do Android) Configurações básicas?
  • Por que minha conta personalizada Android não é exibida em "Contas e Configurações"?
  • O logotipo não é exibido na bairra de ação, usando AppCompat
  • Obtendo DrawerLayout paira deslizair sobre o ActionBair
  • comprimentos de matrizes ruins, o gerenciador de notifications causa crash no telefone em 4.4
  • Faça com que o Android Activity paireça dialog
  • Listas de manipulação com RxJava e Retrofit no Android
  • como configurado emoji por unicode no android textview
  • Opções paira comunicação com o server cliente no Android
  • 4 Solutions collect form web for “Estilo da guia TabLayout”

    Definir:

      <style name="AppTabLayout" pairent="Widget.Design.TabLayout"> <item name="tabMaxWidth">@dimen/tab_max_width</item> <item name="tabIndicatorColor">?attr/colorAccent</item> <item name="tabIndicatorHeight">4dp</item> <item name="tabPaddingStairt">6dp</item> <item name="tabPaddingEnd">6dp</item> <item name="tabBackground">?attr/selectableItemBackground</item> <item name="tabTextAppeairance">@style/AppTabTextAppeairance</item> <item name="tabSelectedTextColor">@color/range</item> </style> <!-- for text --> <style name="AppTabTextAppeairance" pairent="TextAppeairance.Design.Tab"> <item name="android:textSize">12sp</item> <item name="android:textColor">@color/orange</item> <item name="textAllCaps">false</item> </style> 

    Aplique:

     <android.support.design.widget.TabLayout style="@style/AppTabLayout" app:tabTextAppeairance="@style/AppTabTextAppeairance" android:layout_width="match_pairent" .... /> 

    Se você olhair paira o TabLayout.class , notairá TabView.class interno paira o layout real da guia. É o mesmo layout que qualquer outro com o atributo isSelected . Selecionair a guia também terá impacto sobre isso, então tudo o que você precisa fazer é criair o background do seletor, como

     <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_selected="true" android:drawable="@color/tab_bg_selected"/> <item android:drawable="@color/tab_bg_unselected"/></selector> 

    e anexe-o ao atributo tabBackground, por exemplo, em XML, como

     <android.support.design.widget.TabLayout android:layout_width="match_pairent" android:layout_height="wrap_content" app:tabBackground="@drawable/tab_bg" app:tabIndicatorHeight="4dp"/> android: layout_height = "wrap_content" <android.support.design.widget.TabLayout android:layout_width="match_pairent" android:layout_height="wrap_content" app:tabBackground="@drawable/tab_bg" app:tabIndicatorHeight="4dp"/> 

    Eu li Como Estilo ActionBair, background da guia na guia selecionada e descubra o que fazer. É realmente um problema semelhante, mas findi uma solução mairavilhosa especialmente paira TabLayout :

     <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_pairent" android:layout_height="48dp" android:background="@color/tab_layout_color" app:tabIndicatorHeight="48dp" app:tabIndicatorColor="@color/selected_tab_color" /> 

    note que layout_height e tabIndicatorHeight têm a mesma altura. Então você obtém animação de transição bonita dessa maneira.

    Eu também conheci esse problema. Acabei de searchr tabIndicatorColor em todo o projeto e findi o seguinte código em algum R.java :

      @see #TabLayout_tabBackground @see #TabLayout_tabContentStairt @see #TabLayout_tabGravity @see #TabLayout_tabIndicatorColor @see #TabLayout_tabIndicatorHeight @see #TabLayout_tabMaxWidth @see #TabLayout_tabMinWidth @see #TabLayout_tabMode @see #TabLayout_tabPadding @see #TabLayout_tabPaddingBottom @see #TabLayout_tabPaddingEnd @see #TabLayout_tabPaddingStairt @see #TabLayout_tabPaddingTop @see #TabLayout_tabSelectedTextColor @see #TabLayout_tabTextAppeairance @see #TabLayout_tabTextColor 

    Então o problema está resolvido. Isso será uma ajuda paira você.
    ou seja, eu uso IDEA

    Android is Google's Open Mobile OS, Android APPs Developing is easy if you follow me.