Cómo cambiar el estilo y el color de la pestaña mediante la biblioteca AppCompat

Estoy haciendo un pequeño programa en el que estoy utilizando Fragment Tabs con swipe , para que sea elegante i utiliza Style Generator , y mi experiencia fue buena con eso.

Ahora quiero hacer un pequeño cambio en la apariencia existente de mis Tabs, esta vez estoy hablando de estilo Tab Text .

primera vista de la pantalla de mi elegante y elegante ActionBar

introduzca la descripción de la imagen aquí

Como podemos ver el texto de todas las tabulaciones se ven equivalentes , por lo que aquí necesito su ayuda, en mi caso el estilo de texto para la pestaña seleccionada seguirá siendo el mismo blanco como negrita como está buscando, pero quiere cambiar el estilo de texto para otros como normal los que no se seleccionan como: – IOS y WINDOWS)

Styles.xml:

<resources> <style name="Theme.Compatstyle4" parent="@style/Theme.AppCompat.Light.DarkActionBar"> <item name="actionBarItemBackground">@drawable/selectable_background_compatstyle4</item> <item name="popupMenuStyle">@style/PopupMenu.Compatstyle4</item> <item name="dropDownListViewStyle">@style/DropDownListView.Compatstyle4</item> <item name="actionBarTabStyle">@style/ActionBarTabStyle.Compatstyle4</item> <item name="actionDropDownStyle">@style/DropDownNav.Compatstyle4</item> <item name="actionBarStyle">@style/ActionBar.Solid.Compatstyle4</item> <item name="actionModeBackground">@drawable/cab_background_top_compatstyle4</item> <item name="actionModeSplitBackground">@drawable/cab_background_bottom_compatstyle4</item> <item name="actionModeCloseButtonStyle">@style/ActionButton.CloseMode.Compatstyle4</item> <!-- Light.DarkActionBar specific --> <item name="actionBarWidgetTheme">@style/Theme.Compatstyle4.Widget</item> </style> <style name="ActionBar.Solid.Compatstyle4" parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse"> <item name="background">@drawable/ab_solid_compatstyle4</item> <item name="backgroundStacked">@drawable/ab_stacked_solid_compatstyle4</item> <item name="backgroundSplit">@drawable/ab_bottom_solid_compatstyle4</item> <item name="progressBarStyle">@style/ProgressBar.Compatstyle4</item> </style> <style name="ActionBar.Transparent.Compatstyle4" parent="@style/Widget.AppCompat.ActionBar"> <item name="background">@drawable/ab_transparent_compatstyle4</item> <item name="progressBarStyle">@style/ProgressBar.Compatstyle4</item> </style> <style name="PopupMenu.Compatstyle4" parent="@style/Widget.AppCompat.PopupMenu"> <item name="android:popupBackground">@drawable/menu_dropdown_panel_compatstyle4</item> </style> <style name="DropDownListView.Compatstyle4" parent="@style/Widget.AppCompat.ListView.DropDown"> <item name="android:listSelector">@drawable/selectable_background_compatstyle4</item> </style> <style name="ActionBarTabStyle.Compatstyle4" parent="@style/Widget.AppCompat.ActionBar.TabView"> <item name="android:background">@drawable/tab_indicator_ab_compatstyle4</item> </style> <style name="DropDownNav.Compatstyle4" parent="@style/Widget.AppCompat.Spinner.DropDown.ActionBar"> <item name="android:background">@drawable/spinner_background_ab_compatstyle4</item> <item name="android:popupBackground">@drawable/menu_dropdown_panel_compatstyle4</item> <item name="android:dropDownSelector">@drawable/selectable_background_compatstyle4</item> </style> <style name="ProgressBar.Compatstyle4" parent="@style/Widget.AppCompat.ProgressBar.Horizontal"> <item name="android:progressDrawable">@drawable/progress_horizontal_compatstyle4</item> </style> <style name="ActionButton.CloseMode.Compatstyle4" parent="@style/Widget.AppCompat.ActionButton.CloseMode"> <item name="android:background">@drawable/btn_cab_done_compatstyle4</item> </style> <!-- this style is only referenced in a Light.DarkActionBar based theme --> <style name="Theme.Compatstyle4.Widget" parent="@style/Theme.AppCompat"> <item name="popupMenuStyle">@style/PopupMenu.Compatstyle4</item> <item name="dropDownListViewStyle">@style/DropDownListView.Compatstyle4</item> </style> </resources>

Como: Quiero mostrar el color de texto como predeterminado para la pestaña seleccionada y gris para otros

Tendrá que hacer la configuración en tres lugares.

Su tema ActionBAr, donde establezco mi tabstyle como personalizado definido a continuación.

 <!-- All customizations that are NOT specific to a particular API-level can go here. --> <item name="actionBarTabStyle">@style/CustomActionBarTabs</item> <item name="actionBarTabTextStyle">@style/CustomActionBarTabs_TextColor</item>

Mi estilo de pestaña personalizada que se refiere a un selector para varios estados.

 <!-- action bar tab styles --> <style name="CustomActionBarTabs" parent="@style/Widget.AppCompat.ActionBar.TabView"> <item name="android:background">@drawable/tab_indicator_ab_custom_actionbar_style</item> <item name="android:textColor">#666666</item> </style>

Mi selector, ajuste esto según su requisito.

 <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_custom_actionbar_style" /> <!-- Focused states --> <item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/tab_unselected_focused_custom_actionbar_style" /> <item android:state_focused="true" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/tab_selected_focused_custom_actionbar_style" /> <!-- Pressed --> <!-- Non focused states --> <item android:state_focused="false" android:state_selected="false" android:state_pressed="true" android:drawable="@drawable/tab_unselected_pressed_custom_actionbar_style" /> <item android:state_focused="false" android:state_selected="true" android:state_pressed="true" android:drawable="@drawable/tab_selected_pressed_custom_actionbar_style" /> <!-- Focused states --> <item android:state_focused="true" android:state_selected="false" android:state_pressed="true" android:drawable="@drawable/tab_unselected_pressed_custom_actionbar_style" /> <item android:state_focused="true" android:state_selected="true" android:state_pressed="true" android:drawable="@drawable/tab_selected_pressed_custom_actionbar_style" /> </selector>

 <!-- Focused states --> <item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/tab_unselected_focused_holo" /> <item android:state_focused="true" android:state_selected="true" android:state_pressed="false" android:drawable="@drawable/tab_selected_focused_holo" /> <!-- Pressed --> <!-- Non focused states --> <item android:state_focused="false" android:state_selected="false" android:state_pressed="true" android:drawable="@drawable/tab_unselected_pressed_holo" /> <item android:state_focused="false" android:state_selected="true" android:state_pressed="true" android:drawable="@drawable/tab_selected_pressed_holo" /> <!-- Focused states --> <item android:state_focused="true" android:state_selected="false" android:state_pressed="true" android:drawable="@drawable/tab_unselected_pressed_holo" /> <item android:state_focused="true" android:state_selected="true" android:state_pressed="true" android:drawable="@drawable/tab_selected_pressed_holo" />