[Layout] Centrer un groupe de View horiontalement

**tails** · 29/11/2010, 17h43

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 :

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
 
<?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

**Feanorin** · 29/11/2010, 17h54

salut,

Tu peux le faire comme ça.

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

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
 
<?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>

**tails** · 29/11/2010, 17h57

Salut,

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

**Feanorin** · 29/11/2010, 18h11

Tu peux le faire comme ça ,

Pour ma part je vois ça moins stable .

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
<?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>

**tails** · 29/11/2010, 18h32

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

**tails** · 30/11/2010, 10h20

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) ?

**Feanorin** · 30/11/2010, 11h25

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

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

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
<?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>

**tails** · 30/11/2010, 14h20

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)

**Feanorin** · 30/11/2010, 14h38

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

API 1

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

.

**tails** · 30/11/2010, 14h44

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

[Layout] Centrer un groupe de View horiontalement

Composants graphiques Android

Discussions similaires

Partager

Partager