Discussion :

[italia57]

Bonjour à tous,

j'aurai voulu savoir s'il était possible de changer le background de chaque bouton du tabhost ? J'ai cherché mais je n'ai pas trouvé la propriété et Eclipse ne me donne pas de résultat satisfaisant dans le liste des fonctions proposées...

Je vous remercie

[nicroman]

Il faut avoir le style !

Voici la définition d'un tabwidget sous 4.0.4:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
    <style name="Widget.TabWidget">
        <item name="android:textAppearance">@style/TextAppearance.Widget.TabWidget</item>
        <item name="ellipsize">marquee</item>
        <item name="singleLine">true</item>
        <item name="android:tabStripLeft">@android:drawable/tab_bottom_left</item>
        <item name="android:tabStripRight">@android:drawable/tab_bottom_right</item>
        <item name="android:tabStripEnabled">true</item>
        <item name="android:divider">@null</item>
        <item name="android:gravity">fill_horizontal|center_vertical</item>
        <item name="android:tabLayout">@android:layout/tab_indicator</item>
    </style>

[italia57]

étant donné que je développe sur 2.2 ça risque d'être compliqué. Comment puis-je faire du coup ?

Autre questions sous-jacente du coup:

comment faire pour que l'application tourne plus ou moins bien sur toutes les versions Android ?

[nicroman]

En regardant la version 2.2 du fichier styles.xml de Android ?

https://github.com/android/platform_...ues/styles.xml

(il y a plein de resources drawable "tab_selected" etc...)

[italia57]

Ce n'est pas faute d'avoir essayer, mais je n'ai toujours pas réussi à modifier le background des onglets du tabHost.

[xouzi]

Moi j'utilise un fonction pour mettre du texte est une image et une autre pour mettre une couleur de fond et redessiner les carré.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
	View tabview = createTabView(tabHost.getContext());
spec = tabHost.newTabSpec("nom").setIndicator(tabview).setIndicator(tabview)                    
			                  .setContent(intent);
 
tabHost.addTab(spec);
setTabColor(tabHost);

createTabView

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
private View createTabView(Context context) {
		TextView tv = null;
		View view = null;
 
 
			view = LayoutInflater.from(context).inflate(R.drawable.tabs_bg2, null);
			//tv = (TextView) view.findViewById(R.id.tabsText);
		}

setTabColor

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
public static void setTabColor(TabHost tabhost) 
{
tabhost.getTabWidget().getChildAt(i).setBackgroundResource(R.drawable.tab_notpressed_bg);
}

Permet de mettre une image
drawable/tabs_bg2.xml :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<?xml version="1.0" encoding="utf-8"?>
 
 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:id="@+id/tabsLayout" 
	android:layout_width="fill_parent"
	android:layout_height="fill_parent" 
	android:orientation="vertical">
 
 
         <ImageView
            android:id="@+id/imageView1"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:src="@drawable/image"
            android:layout_gravity="bottom|center"
             />
 
 
 
</LinearLayout>

//Permet un dégrader et dessiner les carré

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="3dp" android:left="3dp" android:right="3dp" android:bottom="0dp" >
 
 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
     android:shape="rectangle" 
     > 
 
     <gradient android:startColor="#00000000" 
 				android:centerColor="#808080"
         		android:endColor="#ffffff"
         		android:angle="270"
         		/> 
 
    <corners android:bottomRightRadius="7dp" 
        	android:bottomLeftRadius="7dp" 
     		android:topLeftRadius="7dp" 
     		android:topRightRadius="7dp"
 
     		/> 
 
</shape> 
</item></layer-list>