[Layout] Centrer un groupe de View horiontalement

Version imprimable

Bonjour :) Je dispose d'un RelativeLayout dans une application, dont les vues devraient être agencées de la manière suivante :
[image]http://imagik.fr/view-rl/332148[/image]
Pour ce faire, j'ai définis la layout suivant (peu importe les valeurs strings et colors)

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
 
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_height="fill_parent"
  android:background="@color/chronometer_view_layout_background"
  android:orientation="vertical" android:layout_width="fill_parent"
  android:layout_gravity="center_horizontal">
<TextView 
android:id="@+id/valeur_chrono"
android:textStyle="bold"
android:typeface="monospace"
android:text="00:00:00"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textSize="50sp"
android:background="@color/chronometer_background"
android:textColor="@color/chronometer_foreground"
android:gravity="center"
/>
<Button 
android:id="@+id/action_chrono" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content"
android:layout_below="@id/valeur_chrono" 
android:text="@string/chronometer_action_text_start"
android:textSize="8sp"/>
<Button 
android:id="@+id/initialisation_chrono" 
android:layout_below="@id/valeur_chrono"
android:layout_toRightOf="@id/action_chrono"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/initialisation_chrono_text"
android:textSize="8sp"/>
<Button 
android:id="@+id/configuration_chrono" 
android:layout_below="@id/valeur_chrono"
android:layout_toRightOf="@id/initialisation_chrono"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/configuration_chrono_text"
android:textSize="8sp"/>
</RelativeLayout>

Ce que je n'arrive pas à faire c'est centrer les 3 boutons de la ligne inférieure. Je saurais le faire en utilisant un LinearLayout pour les grouper, mais j'ai vu que ce n'est pas très recommandé d'imbriquer des Layout. Est-ce possible en RelativeLayout de procéder ainsi sans utiliser de Layout imbriqué ?

Merci d'avance :)

salut,

Tu peux le faire comme ça.

Après pour faire cela juste faire tout en LinearLayout suffit,
à toi de voir .

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"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_height="fill_parent"
  android:background="@color/chronometer_view_layout_background"
  android:orientation="vertical" android:layout_width="fill_parent"
  android:layout_gravity="center_horizontal">
<TextView 
android:id="@+id/valeur_chrono"
android:textStyle="bold"
android:typeface="monospace"
android:text="00:00:00"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textSize="50sp"
android:background="@color/chronometer_background"
android:textColor="@color/chronometer_foreground"
android:gravity="center"
/>
<LinearLayout
android:layout_width="fill_parent" 
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_alignParentBottom="true">
<Button 
android:id="@+id/action_chrono" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content"
android:text="@string/chronometer_action_text_start"
android:textSize="8sp"
android:layout_weight="1"/>
<Button android:id="@+id/initialisation_chrono" 
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/initialisation_chrono_text"
android:textSize="8sp"
android:layout_weight="1"/>
<Button 
android:id="@+id/configuration_chrono" 
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/configuration_chrono_text"
android:textSize="8sp"
android:layout_weight="1"/>
</LinearLayout>
</RelativeLayout>

29/11/2010, 17h57
tails

Salut,

je te remercie, mais c'est justement ce que je voulais éviter : à savoir, imbriquer deux Layouts. (J'ai mal posé ma question)

Tu peux le faire comme ça ,

Pour ma part je vois ça moins stable .:(

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
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_height="fill_parent"
  android:background="@color/chronometer_view_layout_background"
  android:orientation="vertical" android:layout_width="fill_parent"
  android:layout_gravity="center_horizontal">
<TextView 
android:id="@+id/valeur_chrono"
android:textStyle="bold"
android:typeface="monospace"
android:text="00:00:00"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textSize="50sp"
android:background="@color/chronometer_background"
android:textColor="@color/chronometer_foreground"
android:gravity="center"
/>
<Button 
android:id="@+id/action_chrono" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content"
android:text="@string/chronometer_action_text_start"
android:textSize="8sp"
android:layout_alignParentLeft="true"
android:layout_alignParentBottom="true"
/>
<Button android:id="@+id/initialisation_chrono" 
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/initialisation_chrono_text"
android:textSize="8sp"
android:layout_centerHorizontal="true"
android:layout_alignParentBottom="true"
/>
<Button 
android:id="@+id/configuration_chrono" 
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/configuration_chrono_text"
android:textSize="8sp"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
/>
</RelativeLayout>

29/11/2010, 18h32
tails

Oui merci :). C'est déjà assez proche de ce que je souhaite obtenir :)
Je vais encore persévérer pour voir si je peux aboutir au resultat escompté, mais je suis preneur pour d'autres propositions :)
30/11/2010, 10h20
tails

Avec un TableLayout ?

Sinon, serait-ce possible avec un TableLayout (ce que j'obtiens, c'est que mes composants du bas se "marchent sur les pieds" et on n'en voit qu'un) ?

http://developer.android.com/resourc...blelayout.html

Dans TableLayout , tu as les options stretchColumns et layout_column pour éviter ce problème.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:stretchColumns="1">

    <TableRow>
        <TextView
            android:layout_column="1"
            android:text="Open..."
            android:padding="3dip" />
        <TextView
            android:text="Ctrl-O"
            android:gravity="right"
            android:padding="3dip" />
    </TableRow>

30/11/2010, 14h20
tails

Je ne dispose pas de la propriété android:layoutColumn

Bonjour,

je re remercie, j'ai progressé dans la disposition graphique. Il faut encore peaufinner :)

(Délolé pour les modifications, auxquelles le post suivant fait référence)
30/11/2010, 14h38
Feanorin

http://developer.android.com/referen...#layout_column

API 1

Citation:

Mais je ne dispose pas de la propriété layoutColumn dans mon composant Chronometer (car j'ai remplacé le TextView), bien que je l'ai imbriqué dans un TableRow

layoutColumn appartient à la view TableLayout, il ne te le proposera jamais pour les autres mais il le prendra en compte :D .
30/11/2010, 14h44
tails

Merci :)

Effectivement, c'est Eclipse qui ne gère pas très bien l'auto complétion. Mais au final, il n'y a aucune erreur.

Il faut juste maintenant que je trouve les bonnes valeurs et les bons strectchings :)