layout probleme avec images

**Paul015** · 28/06/2011, 12h36

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** · 28/06/2011, 12h45

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

**a tunar with no tune** · 28/06/2011, 12h56

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>

**Paul015** · 28/06/2011, 13h10

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** · 28/06/2011, 13h33

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.

**AndroChristophe** · 28/06/2011, 14h11

Envoyé par Paul015

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 ?

**Paul015** · 28/06/2011, 14h13

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** · 28/06/2011, 14h43

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** · 28/06/2011, 14h48

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

**Paul015** · 28/06/2011, 15h20

Feanorin, avec ton code, que je viens de tester, les images de gauche et de droite ne sont pas collées au bord de la fenêtre.

**Feanorin** · 28/06/2011, 15h41

Ok je n'avais pas bien compris si tu veux coller les images sur les bords alors utilises pour la première
android:scaleType="fitStart"

Pour celle du milieu
android:scaleType="fitCenter

pour la dernière
android:scaleType="fitEnd"

**Paul015** · 28/06/2011, 16h09

et après je fais

Code :

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

((Button)(findViewById(R.id.ImageView01))).setVisibility(View.INVISIBLE);

pour le cacher ?
j'ai essayé et l'erreur retournée est:

Code :

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

06-28 13:05:05.603: ERROR/AndroidRuntime(474): java.lang.RuntimeException: Unable to start activity ComponentInfo{com.test.mon_proj/com.test.mon_proj.monActivite}: java.lang.ClassCastException: android.widget.ImageView

**Feanorin** · 28/06/2011, 16h15

Euh

Code :

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

((Button)(findViewById(R.id.ImageView01)))

C'est pas un Bouton mais une ImageView

.

Edit : Svp Pensez a utiliser la balise [CODE] cela sert à ce que votre question soit plus claire , vous le trouverez dans l'édition représentez par #.
Merci

.

**Paul015** · 28/06/2011, 16h29

(Désolé pour les balises j'essaierai d'y penser, même si la elles étaient pas vraiment nécessaires)
Ah merde c'est vrai suis-je bête. Mais en fait je voudrais que cette image soit cliquable c'est pour ça

.
D'ailleurs on fait comment pour la rendre cliquable (y associer une fonction), cette image?

**Feanorin** · 28/06/2011, 16h40

Tu as deux possiblités

Soit tu utilises ImageButton

Soit tu utilises la fonction de View

Code :

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

setOnClickListener(android.view.View.OnClickListener)

http://developer.android.com/referen...ClickListener)

**AndroChristophe** · 28/06/2011, 16h44

Une solution possible avec les relative layout :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent" android:layout_height="">
	<ImageButton android:layout_height="wrap_content"
		android:layout_alignParentLeft="true" android:layout_width="wrap_content"
		android:layout_centerVertical="true" android:src="@drawable/icon3"></ImageButton>
	<ImageButton android:layout_height="wrap_content"
		android:layout_centerHorizontal="true" android:layout_width="wrap_content"
		android:src="@drawable/icon2"></ImageButton>
	<ImageButton android:layout_height="wrap_content"
		android:layout_alignParentRight="true" android:layout_width="wrap_content"
		android:layout_centerVertical="true" android:src="@drawable/icon3"></ImageButton>
 
</RelativeLayout>

**Paul015** · 28/06/2011, 16h44

Merci

.

**Paul015** · 28/06/2011, 17h45

Hmm encore une petite question

.
Ces images, je souhaite les inclure dans un header.
Je fais donc un <include ...> de entete.xml dans monactivite1.xml.
Dès lors, pour créer un gestionnaire d'événement sur le clique de l'image, je fais comment ?
J'aimerais si possible le faire depuis ma classe ActiviteMere, qui hérite de Activity et qui a pour fille MonActivite1 (bref j'ai fait une fonction ActiviteMere pour ne pas avoir à réécrire les fonctions de l'en-tête dans chaque activité).
Dans MonActivite1, j'ai écrit:

Code :

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

1
2
3
4
   public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);	
    setContentView(R.layout.monactivite1);
}

et dans ActiviteMere,

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
	    LinearLayout inclure_entete = (LinearLayout)(findViewById(R.layout.entete));
	    ((ImageView)( inclure_entete.findViewById(R.id.Bouton1)))
	    .setOnClickListener(new View.OnClickListener() {
 
			@Override
			public void onClick(View v) {
				// faire un truc
			}
		});

ça compile mais ça ne run pas, findViewById(R.layout.entete) renvoie null.
Je ne comprends pas pourquoi...

(et une petite question annexe, pour la route: setonclicklistener se déclenche quand le bouton est pressé ou relaché?)

**AndroChristophe** · 28/06/2011, 18h28

Envoyé par Paul015

ça compile mais ça ne run pas, findViewById(R.layout.entete) renvoie null.
Je ne comprends pas pourquoi...

(et une petite question annexe, pour la route: setonclicklistener se déclenche quand le bouton est pressé ou relaché?)

Quand le bouton est relaché il me semble.

C'est normal que findViewById(R.layout.entete) retourne nul, vu que tu appelles super avant de faire le setContent

**Paul015** · 28/06/2011, 18h30

ouai mais je ne peux pas le faire dans l'autre sens non plus, j'ai déjà essayé et il me retourne aussi une erreur...
06-28 14:48:41.111: ERROR/AndroidRuntime(872): Caused by: android.util.AndroidRuntimeException: requestFeature() must be called before adding content

Une solution?

layout probleme avec images

Composants graphiques Android

Discussions similaires

Partager

Partager