Onglets qui se chevauchent

Version imprimable

1 pièce(s) jointe(s)

Bonjour,

J'ai un souci dans la disposition de mes onglets à l'écran, ils sont les uns sous les autres ils ne remplissent pas la totalité de mon écran.
Merci pour vos réponses.
Cordialement.
Pièce jointe 172064

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout2"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.menu.MainActivity" >
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="end"
        android:orientation="vertical" >
 
        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="Medium Text"
            android:textAppearance="?android:attr/textAppearanceMedium" />
 
    </LinearLayout>
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >
 
        <Button
            android:id="@+id/button1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:gravity="center"
            android:text="@string/btAccueil_1" />
 
    </LinearLayout>
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >
 
        <Button
            android:id="@+id/button2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="@string/btAccueil_2" />
 
    </LinearLayout>
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >
 
        <Button
            android:id="@+id/button3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="center"
            android:text="@string/btAccueil_3" />
 
    </LinearLayout>
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >
 
        <Button
            android:id="@+id/button4"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="@string/btAccueil_4" />
 
    </LinearLayout>
 
</LinearLayout>

18/03/2015, 15h48
Hizin

Je ne vois aucun onglet dans ta capture d'écran.
Je vois simplement 5 boutons mis à la suite, et au vu de ton XML, c'est tout à fait normal.
D'ailleurs, tu as beaucoup de LinearLayout totalement inutile, ceux contenant un seul élément. Supprime-les et applique plutôt tes contraintes sur le parent général ou sur les Buttons en eux-même.

Bonsoir et merci pour tes informations. Tu as raison ce sont bien des boutons.:oops:

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
51
52
53
54
55
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout2"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.menu.MainActivity" >
 
 
 
        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="Medium Text"
            android:textAppearance="?android:attr/textAppearanceMedium" />
 
 
 
        <Button
            android:id="@+id/button1"
            android:layout_width="match_parent"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:gravity="center"
            android:text="@string/btAccueil_1" />
 
        <Button
            android:id="@+id/button2"
            android:layout_width="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:text="@string/btAccueil_2" />
 
        <Button
            android:id="@+id/button3"
            android:layout_width="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:text="@string/btAccueil_3" />
 
        <Button
            android:id="@+id/button4"
            android:layout_width="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:text="@string/btAccueil_4" />
 
</LinearLayout>

19/03/2015, 00h01
Hizin

Ton problème est-il donc résolu ?
Si c'est le cas, clic sur le bouton "résolu" en bas de page s'il te plaît :)
20/03/2015, 08h43
nicroman

En fait, si l'idée est de voir les boutons occuper toute la place disponible, il y a plusieurs façons de faire.

Un seul linear-layout (comme le deuxieme post).
Les boutons auront alors un "weight" de 1, des "height" de 0dp
Le linear-layout un "total-weight" de 4
et bim... ils occuperont tout le layout.
Utiliser les paddings, pour éviter qu'ils ne se touchent trop (un padding the 16dp semble cohérent).
Mais ils risquent d'être "gros".

Si on veut qu'ils restent "petits" mais juste répartis, il faut utiliser la solution #2:

Un linear-layout, contenant des linear-layout (comme le premier post).
Les boutons n'auront rien de particulier, sauf qu'ils seront "centrés" (verticalement) dans le layout.
Les linear-layout internes auront un weight de 1, et des height de 0dp.
Le linear-layout racine, un "total-weight" de 4.
et cette fois, les linear-layout interne occuperont l'ensemble de l'espace disponible, les boutons étant centrés dans celui-ci.