5

Ho cercato per giorni di ignorare il tema Holo per uno stile di tabulazione personalizzato, ma le mie modifiche non hanno alcun effetto.Perché il mio custom 'actionBarTabStyle' non sovrascrive lo stile/tema predefinito?

Ecco la mia styles.xml

<!-- the theme applied to the application or activity --> 
<style name="CustomActionBarTheme" parent="@android:style/Theme.Holo"> 
    <item name="android:tabWidgetStyle">@style/MyActionBarTabs</item> 
</style> 

<!-- ActionBar tabs styles --> 
<style name="MyActionBarTabs" parent="@android:style/Widget.Holo.ActionBar.TabView"> 

    <!-- tab indicator --> 
    <item name="android:background">@drawable/tabselector</item> 
</style>> 

Questo è il mio tabselector.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android"> 

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

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

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

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

</selector> 

ho aggiunto le schede utilizzando TabHost nella mia attività e il suo layout si presenta così

<android.support.v4.app.FragmentTabHost xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@android:id/tabhost" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" > 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical" > 

     <TabWidget 
      android:id="@android:id/tabs" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_weight="0" 
      android:orientation="horizontal" /> 

     <FrameLayout 
      android:id="@android:id/tabcontent" 
      android:layout_width="0dp" 
      android:layout_height="0dp" 
      android:layout_weight="0" /> 

     <FrameLayout 
      android:id="@+id/realtabcontent" 
      android:layout_width="match_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1" /> 
    </LinearLayout> 

</android.support.v4.app.FragmentTabHost> 

Ho seguito gli esempi dallo Android Developer Page

Le mie schede sembrano uguali. Gli indicatori delle mie schede dovrebbero essere il mio colore personalizzato di rosa. Tuttavia, non ci sono cambiamenti, sono ancora blu.

Cose da notare:

  1. mio file manifesto fa riferimento al tema aggiornata nei miei tag applicativi
  2. mio styles.xml viene aggiornato in ogni cartella del valore (valori, i valori-V11, valori-V14)
  3. Tutto questo ha fatto è stato aggiungere una barra delle operazioni in cima alla mia domanda di mia immagine e titolo ic_launcher

che cosa mi manca o facendo male con? Apprezzo qualsiasi aiuto. Grazie a tutti!

risposta

5

Le schede nello ActionBar utilizzano un tema diverso rispetto alle schede in TabHost.

Tutto quello che dovete fare è cambiare android:actionBarTabStyle a android:tabWidgetStyle.

esempio Figura

<style name="Your.Theme" parent="@android:style/Theme.Holo.Light.DarkActionBar"> 
    <item name="android:tabWidgetStyle">@style/Your.TabWidget</item> 
</style> 

<style name="Your.TabWidget" parent="@android:style/Widget.Holo.TabWidget"> 
    <item name="*android:tabLayout">@layout/your_tab_layout</item> 
</style> 

<style name="Your.Tab" parent="@android:style/Widget.Holo.ActionBar.TabView"> 
    <item name="android:background">@drawable/your_tab_indicator</item> 
    <item name="android:layout_width">0dip</item> 
    <item name="android:layout_weight">1</item> 
    <item name="android:minWidth">80dip</item> 
</style> 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    style="@style/Your.Tab" 
    android:layout_height="?android:attr/actionBarSize" 
    android:orientation="horizontal" > 

    <ImageView 
     android:id="@android:id/icon" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center_vertical" 
     android:visibility="gone" /> 

    <TextView 
     android:id="@android:id/title" 
     style="@android:style/Widget.Holo.ActionBar.TabText" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center_vertical" 
     android:maxWidth="180dip" /> 

</LinearLayout> 

Sebbene, android:tabLayout non è un attributo pubblico (da qui il *). Google non raccomanderebbe di creare uno stile del genere a causa di ciò e suggerirebbe invece di modificare l'indicatore in modo dinamico. Quindi, qualcosa di simile:

final TabWidget tabWidget = tabHost.getTabWidget(); 
    for (int i = 0; i < tabWidget.getTabCount(); i++) { 
     final View tab = tabWidget.getChildTabViewAt(i); 
     tab.setBackground(getResources().getDrawable(R.drawable.your_tab_indicator)); 
    } 

Risultati

Example

+0

Grazie per la rapida risposta. Fatto. Ha sicuramente cambiato qualcosa con l'attaccatura dei capelli sotto le linguette ... Tuttavia, il colore dell'indicatore blu è ancora lì. Penso di poter vedere la rosa che si nasconde sotto il blu ... ma è ancora sovrapposta. –

+0

Aggiornato il mio codice in style.xml per visualizzare la modifica nel tuo suggerimento –

+0

@MarkBarrasso Ho apportato una modifica con un esempio completo. – adneal

Problemi correlati