Affichage de plusieurs images au clic de la souris dans une application Android

Version imprimable

1 pièce(s) jointe(s)

Bonjour,

Je cherche à permettre à mon application Android d'afficher plusieurs images via BitmapFactory et BitmapDrawable au clics successifs de ma souris.

Voici mon code actuel "MainActivity.java" qui me permet d'afficher qu'un seul objet (je voudrais en afficher plusieurs) :

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
48
49
50
51
52
package com.example.picture;
 
import java.io.InputStream;
 
import com.example.picture.R;
 
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
 
 
public class MainActivity extends Activity {
 
	 ImageView imageview;
	 Button button;
	 InputStream inputstream;
	 Bitmap bitmap;
	 Drawable drawable;
	 Integer[] ImageName = {R.drawable.dvd-bg};
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        LinearLayout picture = (LinearLayout) findViewById (R.id.picture_part);
        imageview = (ImageView)findViewById(R.id.imageView1);
		picture.setOnClickListener(new View.OnClickListener() {
		    @Override
		    public void onClick(View v) {
 
		    	inputstream = MainActivity.this.getResources().openRawResource(R.drawable.dvd-bg);
 
		    	bitmap = BitmapFactory.decodeStream(inputstream);
 
		    	drawable = new BitmapDrawable(getResources(),bitmap);
 
		    	imageview.setImageDrawable(drawable);
 
 
		    }
		});
    }
 
}

et mon layout "activity_main.xml" :

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
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.picture.MainActivity" >
 
    <ImageView
 android:id="@+id/imageView1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentTop="true"
 android:layout_centerHorizontal="true"
 />
 
       <LinearLayout
        android:id="@+id/picture_part"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:clickable="true"
        android:orientation="vertical" >
 
    </LinearLayout>
 
</RelativeLayout>

mon image : Pièce jointe 573242

Est ce la bon méthode utilisée pour afficher des images ?

Merci pour votre aide.

25/12/2020, 18h21
cybel-01

Bonsoir,

Connaissez-vous une méthode pour positionner l'image affichée au Clic à l'endroit du clic ?

Je pense que c'est la solution au problème.

Merci d'avance

Bonsoir,

En recherchant sur le web, j'ai adapté mon projet avec la méthode onTouch au lieu de onClick qui permet de générer les coordonnées x et y du clic:

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
48
49
50
51
52
53
54
55
56
57
package com.example.picture;
 
import java.io.InputStream;
 
import com.example.picture.R;
 
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
 
 
public class MainActivity extends Activity {
 
	 ImageView imageview;
	 Button button;
	 InputStream inputstream;
	 Bitmap bitmap;
	 Drawable drawable;
	 Integer[] ImageName = {R.drawable.dvd-bg};
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        LinearLayout picture = (LinearLayout) findViewById (R.id.picture_part);
        imageview = (ImageView)findViewById(R.id.imageView1);
		picture.setOnTouchListener(new View.OnTouchListener() {
		    @Override
		    public boolean onTouch(View v, MotionEvent e) {
 
		    	inputstream = MainActivity.this.getResources().openRawResource(R.drawable.dvd-bg);
 
		    	bitmap = BitmapFactory.decodeStream(inputstream);
 
		    	drawable = new BitmapDrawable(getResources(),bitmap);
 
                        imageview.setX(e.getX());
 
		    	imageview.setY(e.getY());
 
		    	imageview.setImageDrawable(drawable);
 
 
		    }
		});
    }
 
}

Seulement, une seule image est affichée à chaque clic (l'ancienne disparaît) donc les images ne se superposent pas.

Avez-vous la solution ?

Bonsoir,

J'ai créé un fichier ViewImg.java et un fichier Img.java :

Fichier Img.java :

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
package com.example.picture;
 
import android.app.Activity;
import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
 
public class Img extends Activity {
	float radius = 20;      // Rayon de l'image
	float x = radius;  // Centre de l'image (x,y)
	float y = radius;
	Context context = ViewImg.GlobalContext;
	Resources res = context.getResources();
	private Paint paint;
 
	   // Constructeur
	   public Img(float x, float y) {
		   paint = new Paint();
	   }
 
	   public void draw(Canvas canvas) {
		   // affichage objet à partir d'une image
	       Bitmap monImage = BitmapFactory.decodeResource(res, R.drawable.dvdbg);
	       canvas.drawBitmap(monImage, x, y, paint);
	   }
 
 
}

Fichier ViewImg.java :

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
48
49
50
51
52
53
54
package com.example.picture;
 
import com.example.picture.Img;
 
import android.content.Context;
import android.graphics.Canvas;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
 
public class ViewImg extends View implements OnTouchListener {
       public static Context GlobalContext = null;
       private Img img;   
       private Img img1; 
       private Img img2; 
       private Img img3; 
       public static Img[] imgs = new Img[4];
 
	// Constructeur
	   public ViewImg(Context context) {
	      super(context);
		  GlobalContext = context;
	      img = new Img(4,6); 
	      img1 = new Img(8,7); 
	      img2 = new Img(16,8); 
	      img3 = new Img(30,9); 
	      this.setOnTouchListener(this);
	   }
 
	@Override
	public boolean onTouch(View v, MotionEvent e) {
	    float x = e.getX();
	    float y = e.getY();
 
    	return false;
	}
 
	@Override
	protected void onDraw(Canvas canvas) {
 
		img.draw(canvas);
		img1.draw(canvas);
		img2.draw(canvas);
		img3.draw(canvas);
	 	// Delay
	       try {  
	          Thread.sleep(30);  
	       } catch (InterruptedException e) { }
 
	       invalidate();
		super.onDraw(canvas);
	}
 
}

MainActivity.java :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
package com.example.picture;
 
import com.example.picture.ViewImg;
 
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
 
 
 
public class MainActivity extends Activity {
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        View ViewImg = new ViewImg(this);
        setContentView(ViewImg);
        ViewImg.setBackgroundColor(Color.WHITE);
 
    }
}

Mais mes 4 objets images ne s'affichent pas, seulement 1 je pense.

Pouvez-vous m'aider à avancer ?

Merci

01/01/2021, 17h17
cybel-01

Bonjour,

Je viens de consulter une ancienne discussion ayant la même finalité : ici.

J'ai créé une ScrollView dans mon layout.

J'ai tenté de créer plusieurs instances de ViewImg : sans succès. Je ne sais pas le faire !

L'affichage à l'écran du Dvd est apparement le dernier appelé dans ViewImg.

Bonne année 2021 et merci par avance
08/01/2021, 13h28
David55

Bonjour et bonne année à toi aussi.

Tu aimerais qu'au clic sur l'écran, tu affiches une image à l'endroit du clic?

Dans ce cas, il te suffit d'écouter le onTouch pour récupérer les positions x et y. Avec ceci, tu peux ajouter une simple ImageView dans laquelle tu lui définis une taille fixe (with et height), l'image et une position x et y qui correspond au touch. Ensuite, il faut pas oublié de l'ajouter à ton layout principal (dans ton exemple c'est une RelativeLayout). Tu appelles simplement la méthode addView du layout et ca devrait fonctionner. Par contre ta méthode pour l'ajout de ton ImageView doit être au Up ou au DOWN de la méthode onTouch.

Merci à toi David,

J'ai tenté de modifier mon ViewImg.java. Voici le résultat incomplet :

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
package com.example.picture;
 
import com.example.picture.Img;
 
import android.content.Context;
import android.graphics.Canvas;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.ImageView;
import android.widget.RelativeLayout;
 
public class ViewImg extends View implements OnTouchListener {
	   public static Context GlobalContext = null;
 
       private Img tempImg;
  	   public static Img[] imgs = new Img[40];
  	   private static int imgCount = 0;
  	   ImageView imageview;
 
	// Constructeur
	   public ViewImg(Context context) {
	      super(context);
		  GlobalContext = context;
	          this.setOnTouchListener(this);
	   }
 
	@Override
	public boolean onTouch(View v, MotionEvent e) {
	    float x = e.getX();
	    float y = e.getY();
	    RelativeLayout picture = (RelativeLayout) findViewById (R.id.picture_part);
	    imageview = (ImageView)findViewById(R.id.imageView1);
 
	    switch (e.getAction()) {
        case MotionEvent.ACTION_UP:
        	// code
        	tempImg = new Img(e.getX(), e.getY());
        	picture.addView(imageview);
 
        case MotionEvent.ACTION_DOWN:
        	// code
        	imgs[imgCount] = tempImg;
    		imgCount++;
	    }
    	return false;
	}
 
	@Override
	protected void onDraw(Canvas canvas) {
 
		for(Img Im : imgs){
			Im.draw(canvas);
		}
 
	 	// Delay
	       try {  
	          Thread.sleep(30);  
	       } catch (InterruptedException e) { }
 
	       invalidate();
	super.onDraw(canvas);
	}
 
}

Voici mon layout :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/picture_part"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.picture.MainActivity" >
 
    <ImageView
 android:id="@+id/imageView1"
 android:layout_width="320dp"
 android:layout_height="740dp"
 android:layout_alignParentTop="true"
 android:layout_centerHorizontal="true"
 />
 
 
</RelativeLayout>

Mais le résultat est incomplet et erroné ...

Merci pour ton aide

17/01/2021, 17h04
cybel-01

Bonsoir,

J'ai modifié la ligne 39 de mon fichier ViewImg.java par cela :

Code:

picture.addView(new ViewImg(GlobalContext));

De plus, les lignes 52 & 53 posent problème à la compilation.

Merci
30/01/2021, 13h16
cybel-01

Bonjour,

J'ai tenté de mettre la méthode addView au UP et au DOWN, mais en réalité je n'arrive qu'à afficher une seule image à la fois.

Y a t'il une solution pour afficher en simultané les images à l'endroit des clics successifs mais par superposition ? Un exemple de code source serait bienvenu ...

D'avance merci pour votre aide.

Bonjour David,

J'ai suivi tes conseils sur mon premier fichier MainActivity.java :

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
package com.example.picture;
 
import java.io.InputStream;
 
import com.example.picture.R;
 
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.view.View;
import android.view.MotionEvent;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.RelativeLayout;
 
 
public class MainActivity extends Activity {
 
	 ImageView imageview;
	 Button button;
	 InputStream inputstream;
	 Bitmap bitmap;
	 Drawable drawable;
	 Integer[] ImageName = {R.drawable.dvdbg};
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        final RelativeLayout picture = (RelativeLayout) findViewById (R.id.picture_part);
       		picture.setOnTouchListener(new View.OnTouchListener() {
		    @Override
		    public boolean onTouch(View v, MotionEvent e) {
 
		    	inputstream = MainActivity.this.getResources().openRawResource(R.drawable.dvdbg);
 
		    	bitmap = BitmapFactory.decodeStream(inputstream);
 
		    	drawable = new BitmapDrawable(getResources(),bitmap);
 
		    	imageview.setX(e.getX());
 
		    	imageview.setY(e.getY());
 
		    	imageview.setImageDrawable(drawable);
		    	switch (e.getAction()) {
		        case MotionEvent.ACTION_UP:
		    	picture.addView(imageview);
		        case MotionEvent.ACTION_DOWN:
			picture.addView(imageview);
			return true;
		    	}
 
		    	return false;
		    }
		});
    }
 
}

et mon fichier activity_main.xml :

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
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/picture_part"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.picture.MainActivity" >
 
 
       <LinearLayout
        android:id="@+id/picture_part2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:clickable="true"
        android:orientation="vertical" >
 
    </LinearLayout>
 
</RelativeLayout>

Mais au clic, rien ne s'affiche.

Ai je fait une erreur ?

Merci d'avance