Tabhost à positionner en bas

Version imprimable

Bonjour,

avec le layout ci-dessous :

Code:

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<?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"
    android:background="@drawable/loading" >
 
    <FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >
 
        <egingenierie.mfm.views.DownloaderImageView
            android:id="@+id/backgroundImage"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" />
 
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical" >
 
            <LinearLayout
                android:id="@+id/actionbar"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal" >
 
                <TabWidget
                    android:id="@android:id/tabs"
                    android:layout_width="fill_parent"
                    android:layout_height="60dip"/>
            </LinearLayout>
 
            <android.support.v4.view.ViewPager
                android:id="@+id/pager"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent" />
 
            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:visibility="gone" />
        </LinearLayout>
    </FrameLayout>
 
</TabHost>

ma tabhost fonctionne tres bien, ainsi que le programme. Cependant ici la Tabhost est au dessus de l'ecran et j'aimerai la positionner en bas.

Et la, c'est le drame. Comme tout est un peu "relié" dans tout les sens dans ce Layout j'ai beau le modifier, rien a faire: a chaque fois que la tabhost est positionnee en bas, ca n'affiche qu'elle meme.

Comment faire ?
Merci pour votre aide.

10/07/2012, 17h35
Ryu2000
Ça c'est un layout de TabHost et tu l'includes dans d'autres layout ?

Normalement dans une RelativeLayout tu fais :
Code:

1 2 3 <include layout="@layout/tabhost" android:layout_alignParentBottom="true" />
Et ça devrait se situer en bas.
10/07/2012, 17h41
Matf4ke

Quand je fais ca, ca situe bien la TabHost en bas, mais tout le reste disparait alors. Ce qui est facheux !
17/07/2012, 12h21
Feanorin

Bonjour

Pourrais tu nous montrer ton layout.xml qui inclut la TabHost.

Merci
17/07/2012, 14h08
Ryu2000

Peut être que le TabHost a ça :

Code:

android:height="match_parent"

Si la RelativeLayout s'affiche correctement sauf quand tu fais un include c'est louche.

Voilà

Code:

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<?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"
    android:background="@drawable/loading" >
 
    <FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >
 
        <egingenierie.mfm.views.DownloaderImageView
            android:id="@+id/backgroundImage"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" />
 
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical" >
 
            <LinearLayout
                android:id="@+id/actionbar"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal" >
 
                <TabWidget
                    android:id="@android:id/tabs"
                    android:layout_width="fill_parent"
                    android:layout_height="60dip"/>
            </LinearLayout>
 
            <android.support.v4.view.ViewPager
                android:id="@+id/pager"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent" />
 
            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:visibility="gone" />
        </LinearLayout>
    </FrameLayout>
 
</TabHost>

Ce que tu appelle le tabHost sont les "boutons" et donc les TabWidgets. Il suffit donc de passer les tabWidgets en dessous du FrameLayout comme ceci :

Code:

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<?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"
    android:background="@drawable/loading" >
 
 <android.support.v4.view.ViewPager
                android:id="@+id/pager"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent" />
 
            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:visibility="gone" />
        </LinearLayout>
    </FrameLayout>
 
 
    <FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >
 
        <egingenierie.mfm.views.DownloaderImageView
            android:id="@+id/backgroundImage"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent" />
 
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical" >
 
            <LinearLayout
                android:id="@+id/actionbar"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal" >
 
                <TabWidget
                    android:id="@android:id/tabs"
                    android:layout_width="fill_parent"
                    android:layout_height="60dip"/>
            </LinearLayout>
 
 
 
</TabHost>

Je suis pas sur-sur (essaye, ca coute rien) mais l'idée c'est de mettre le TabWidget ( avec l'id

Code:

@android:id/tabs

) en dessous du frame Layout (celui ayant pour id

Code:

@android:id/tabcontent

) dans le layout et donc le TabWidget doit aussi etre en dessous dans le code.

Voilà voilà!

24/07/2012, 09h17
Ryu2000
Désolé mais je ne connais pas les FrameLayout ni les ViewPager.

Cela dit, j'ai réussi à mettre tabs en bas.
Il suffit de mettre :
Code:

1 2 android:layout_height="0dp" android:layout_weight="1"
Dans le ViewPager.

Comme c'est dans un LinearLayout vertical ça fonctionne comme tu veux.

Je parle de ton premier code que tu as posté dans ton dernier message.
Le second c'est juste n'importe quoi !

Mais sinon comme on te le disait, tu pouvais simplement utilisé une RelativeLayout.