Discussion :

[Paul015]

bonjour,

je souhaite avoir horizontalement trois images, l'une à gauche, l'autre au centre, et la dernière collée à droite. La première doit pouvoir être cachée, sans pour autant que les autres bougent.
J'ai essayé de jouer avec les différents paramètres, gravity, etc., mais sans résultat.
Vous avez une solution ?

Merci

[AndroChristophe]

Oui avec un relativeLayout et en utilisant les attributs alignParentLeft, alignParentRight et centerInParent.

[Paul015]

a tunar with no tune, merci beaucoup pour ton aide, mais comme tu l'as dit toi même c'est peut-être un peu compliqué, je prendrai cette solution en dernier recours, mais j'aimerais bien essayer le relativeLayout d'abord.

AndroChristophe, Ca a l'air pas mal et ça marche bien.
Il me reste cependant une petite modification à effectuer, car je ne suis pas encore tout à fait content du rendu. Voici ma situation:
Dans mon projet, l'image du milieu est plus grande que les deux autres à gauche et à droite. Je voudrais alors que les deux petites images soient centrées par rapport à l'image centrale (mais tout en restant en haut, comme l'image du centre).
Y a-t-il un moyen (élégant) d'arriver à ce résultat ?

Merci

[Feanorin]

Bonjour,

Tu peux reprendre la solution de a tunar with no tune sans pour autant attribue un Linearlayout par image il te suffit juste d'avoir un LinearLayout horizontal pour les trois images et de mettre la Visilibity de la première à INVISIBLE.

A mon avis c'est le plus simple et le plus propre.

Dans mon projet, l'image du milieu est plus grande que les deux autres à gauche et à droite. Je voudrais alors que les deux petites images soient centrées par rapport à l'image centrale (mais tout en restant en haut, comme l'image du centre).
Y a-t-il un moyen (élégant) d'arriver à ce résultat ?

Il faut jouer sur les paramètre de ta View , avec gravity et layout_gravity.

[Paul015]

Je trouve plus élégant qu'il n'y ait qu'un seul layout approprié, plutôt que d'utiliser 36 layout linear, les uns dans les autres avec des dizaines de paramètres jusqu'à obtenir le résultat souhaité.

Si ce n'est pas possible de le faire avec un relative layout, je reprendrai cette solution. Mais n'est-il pas possible, partant de la solution avec un relative layout, d'obtenir simplement que les deux images sur les côtés soient centrées (tout en restant en haut) par rapport à l'image la plus grande, au centre ?


edit: réponse à la question précédente
Je voudrais qu'elles soient centrées verticalement.
De manière horizontale, elles sont déjà bien placées grâce au relative layout (l'une à gauche, l'autre au centre, la dernière à droite).
Mais verticalement, je voudrais que celle du milieu (la plus grande) touche le haut de l'écran, et que les deux autres (à gauche et à droite) soient centrées verticalement par rapport à l'image du milieu (ie, par exemple pour l'image de gauche, de telle sorte que la distance entre le haut de la page et le haut de l'image de gauche soit égale à la distance entre le bas de l'image de gauche et le bas de l'image du centre).
J'espère que c'est plus clair... sinon n'hésitez pas à redemander, je ferai un dessin au pire.

[Paul015]

bon je vous laisse découvrir mes talents de dessinateur:
http://img7.imageshack.us/i/imagezo.png/

Comme vous le voyez, l'image au milieu est plus grande, et les deux autres (alignées à gauche et à droite) sont centrées par rapport à celle du milieu.

[Feanorin]

Euh ,

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
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:orientation="horizontal">
	  	  	<ImageView android:id="@+id/ImageView01" 
	  		android:layout_width="fill_parent"   android:layout_height="wrap_content" 
                        android:layout_weight="1"
android:layout_gravity="center"
	  		android:src="@drawable/icon10"/>
 
 
	  		<ImageView android:id="@+id/ImageView02" 
	  		android:layout_width="fill_parent" android:layout_height="wrap_content" 
android:layout_weight="1"
android:layout_gravity="center"
	  		android:src="@drawable/icon10"/>
 
	  		<ImageView android:id="@+id/ImageView03"
	  		 android:layout_width="fill_parent" android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_gravity="center"
	  		  android:src="@drawable/icon10"/>
</LinearLayout>

Après tu fais ce que tu veux tes layout_gravitiy

[AndroChristophe]

Voici ma situation:
Dans mon projet, l'image du milieu est plus grande que les deux autres à gauche et à droite. Je voudrais alors que les deux petites images soient centrées par rapport à l'image centrale (mais tout en restant en haut, comme l'image du centre).

J'ai pas compris ce que tu cherches à faire... Tu voudrais que les images de gauche et droite soient centrées horizontalement ou verticalement ?

[a tunar with no tune]

essaie ca ...tu mets un id sur ton image et tu la visible true ou false...et le layout ki la contient ne bougera pas...car les trois layout contenant les 3 images ont le meme layout_weight
y a surement plus simple...( moi c est comme cela que je fais...)

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
 
 
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:orientation="horizontal">
	  	  <LinearLayout
		  xmlns:android="http://schemas.android.com/apk/res/android"
		  android:layout_width="fill_parent"
		  android:layout_height="wrap_content"
		  android:orientation="horizontal" android:layout_weight="1" android:gravity="center">
 
	  		<ImageView android:id="@+id/ImageView01" 
	  		android:layout_width="wrap_content" android:layout_height="wrap_content" 
	  		android:src="@drawable/icon10"/>
 
		  </LinearLayout>
		  <LinearLayout
		  xmlns:android="http://schemas.android.com/apk/res/android"
		  android:layout_width="fill_parent"
		  android:layout_height="wrap_content"
		  android:orientation="horizontal" android:layout_weight="1" android:gravity="center">
	  		<ImageView android:id="@+id/ImageView02" 
	  		android:layout_width="wrap_content" android:layout_height="wrap_content" 
	  		android:src="@drawable/icon10"/>
		</LinearLayout>
	  	<LinearLayout
		  xmlns:android="http://schemas.android.com/apk/res/android"
		  android:layout_width="fill_parent"
		  android:layout_height="wrap_content"
	  	android:orientation="horizontal" android:layout_weight="1" android:gravity="center">
	  		<ImageView android:id="@+id/ImageView03"
	  		 android:layout_width="wrap_content" android:layout_height="wrap_content"
	  		  android:src="@drawable/icon10"/>
		</LinearLayout>
</LinearLayout>