Discussion :

[Simon MARQUIS]

Bonjour à tous,

J'essaie depuis quelques heures de créer un layout dynamique contenant 3 TextView et deux séparateurs (cf pièce jointe).

J'aimerai que le TextView du milieu soit toujours à égale distance des deux autres TextView, et que les séparateurs soient au milieu de leur "trou".

Pour le moment mon layout ressemble à ça :

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
26
27
28
29
30
31
<LinearLayout
    android:id="@+id/infos"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
 
    <View android:style="@style/divider"/>
 
    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="left"
        android:text="Texte de gauche" />
 
    <View android:style="@style/divider"/>
 
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Milieu" />
 
    <View android:style="@style/divider"/>  
 
    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="right"
        android:text="Texte de droite" />
 
</LinearLayout>

Merci d'avance

[Ryu2000]

Est-ce que si tu utilises un RelativeLayout que tu met :
TextView 1 :

Code :

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

android:layout_alignParentLeft="true"

TextView 3 :

Code :

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

android:layout_alignParentRight="true"

Tu mets un séparateur à la droite de TextView 1.
Tu mets un séparateur à la gauche de TextView 3.

Tu mets TextView 2 entre les deux séparateur et ça correspondra peut être à ce que tu veux.

Code :

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

1
2
android:layout_toRightOf="@+id/separateur1"
android:layout_toLeftOf="@+id/separateur2"

[Simon MARQUIS]

En effet, il manque juste le fait que les séparateurs soient centrés dans leur "espace libre"...

Mais je pense qu'on approche du résultat final

[Simon MARQUIS]

Voilà où ça en est à l'heure d'aujourd'hui :

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
26
27
28
29
30
<LinearLayout
    android:id="@+id/infos"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
 
    <View android:style="@style/divider"/>
 
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="left"
        android:text="Texte de gauche" />
 
    <View android:style="@style/divider"/>
 
    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="Milieu" />
 
    <View android:style="@style/divider"/>  
 
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="right"
        android:text="Texte de droite" />
 
</LinearLayout>

Le texte du milieu est enfin centré par rapport aux espaces vides, mais il reste toujours le problème des dividers qui ne sont pas centrés...

[nicroman]

Puisque le but est de positionner des views relativement à d'autre, il FAUT utiliser un RelativeLayout...

On commence par les 3 text-view... en wrap-content....
Ensuite avec le relative layout, on dessine le séparateur (là j'ai utilisé des ImageView).

A noter qu'il est possible de placer les textView différemment (en utilisant un autre layout même si il faut).

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
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
 
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/RelativeLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
 
    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:text="Text1"
        android:textAppearance="?android:attr/textAppearanceMedium" />
 
    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:text="Text2"
        android:textAppearance="?android:attr/textAppearanceMedium" />
 
    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:text="Text3"
        android:textAppearance="?android:attr/textAppearanceMedium" />
 
    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignBottom="@id/textView1"
        android:layout_toLeftOf="@+id/textView2"
        android:layout_toRightOf="@id/textView1"
        android:scaleType="centerInside"
        android:src="@drawable/vertical_divider" />
 
    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignBottom="@id/textView1"
        android:layout_toLeftOf="@+id/textView3"
        android:layout_toRightOf="@id/textView2"
        android:scaleType="centerInside"
        android:src="@drawable/vertical_divider" />
 
</RelativeLayout>

[Simon MARQUIS]

Merci, mais là le problème est que l'item du milieu est toujours centré dans la page (alors que j'aimerais qu'il soit centré entre l'item gauche et l'item droit, quelque soit la taille des textes)