style personnalisé pour TabWidget Android

Question

J'utilise des onglets dans mon application Android, et je l'ai rencontré ce problème lors de l'exécution de l'application sur les téléphones HTC Sense:

Android: Highlighted tab of TabWidget not readable on HTC Sense

La solution, il a proposé (réglage android: targetSdkVersion à 4) ne résout pas le problème pour moi, et je ne veux pas mettre le sdk cible à 4.

J'ai plutôt essayé de résoudre ce problème en créant mon propre style de widget tabulation, et en modifiant la couleur du texte. Le problème est qu'il n'y a pas de différence notable quand j'utilise mon propre style; c'est-à-dire que le style ne semble pas être appliqué aux onglets.

C'est le code pour l'activité principale, tenant les onglets:

public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.tab); 

    tabHost = getTabHost(); 
    tabHost.addTab(tabHost.newTabSpec("tab1").setIndicator("Tab 1").setContent(new Intent(this, Tab1.class))); 
    tabHost.addTab(tabHost.newTabSpec("tab2").setIndicator("Tab 2").setContent(new Intent(this, Tab2.class))); 

    tabHost.setCurrentTab(0); 
} 

Ceci est mon tab.xml. Notez que j'ai spécifié MyTabStyle comme style pour TabWidget:

<?xml version="1.0" encoding="utf-8"?> 
<TabHost xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@android:id/tabhost" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 
    <LinearLayout 
     android:orientation="vertical" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:padding="5dp"> 
     <TabWidget 
      style="@style/MyTabStyle" 
      android:id="@android:id/tabs" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" /> 
     <FrameLayout 
      android:id="@android:id/tabcontent" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:padding="5dp" /> 
    </LinearLayout> 
</TabHost> 

Et voici ma définition de MyTabStyle, que je l'ai défini dans res/valeurs/styles.xml:

<style name="MyTabStyle" parent="@android:style/TextAppearance.Widget.TabWidget"> 
    <item name="android:textColor">#5DFC0A</item> 
</style> 

Pourquoi aucun changement dans MyTabStyle apparaître dans mon application? D'autres solutions pour résoudre le texte invisible sur les onglets sélectionnés dans HTC Sense?

MISE À JOUR 2011-06-02

j'ai réussi à résoudre ce dans une sorte de façon aki, en utilisant les connaissances que le texte sur les onglets sont en fait TextViews. Ajoutez la méthode suivante à votre activité:

private void setTabColor(TabHost tabHost) { 
    try { 
     for (int i=0; i < tabHost.getTabWidget().getChildCount();i++) { 
      TextView tv = (TextView) tabHost.getTabWidget().getChildAt(i).findViewById(android.R.id.title); //Unselected Tabs 
      if (tv != null) { 
       tv.setTextColor(Color.parseColor("#ffffff")); 
      } 
      TextView tv2 = (TextView) tabHost.getCurrentTabView().findViewById(android.R.id.title); // Selected Tab 
      if (tv2 != null) { 
       tv2.setTextColor(Color.parseColor("#000000")); 
      } 
     } 
    } catch (ClassCastException e) { 
     // A precaution, in case Google changes from a TextView on the tabs. 
    } 
} 

Ajouter ce qui suit dans votre méthode onCreate() dans votre activité:

// Only apply the fix if this is a HTC device. 
if (android.os.Build.MANUFACTURER.toLowerCase().contains("htc")) { 
    // Set up the color initially 
    setTabColor(tabHost); 

    // Add a tab change listener, which calls a method that sets the text color. 
    tabHost.setOnTabChangedListener(new OnTabChangeListener() { 
     public void onTabChanged(String tabId) { 
      InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE); 
      imm.hideSoftInputFromWindow(tabHost.getApplicationWindowToken(), 0); 
      setTabColor(tabHost); 
     } 
    }); 
} 

Answer 1

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

<!-- Pressed --> 
<item android:state_pressed="true" android:drawable="@drawable/tab_press" /> 

Answer 2

Ce gars a posté un moyen de personnaliser tout sur l'onglet à peu près. Fonctionne avec Android 1.6 et au-dessus: Custom Android Tabs.

Je ne l'ai pas encore essayé, mais j'y suis arrivé. Fondamentalement, vous appelez setIndicator sur votre TabSpec et passez une vue au lieu de simplement du texte. Vous pouvez ensuite personnaliser cette vue à l'aide de sélecteurs, etc.

Answer 3

Si vous utilisez encore TabWidgets sur> 14, voir http://code.google.com/p/android/issues/detail?id=2267. Le dernier commentaire pointe vers le iosched2011 et en effet ils remplacent toute la vue pour le TabIndicator. À l'exception de quelques propriétés (arrière-plan général, texte), tout moyen simple semble brisé et cette complexité est requise.