Discussion :

[Invité]

Bonjour à tous,
J'ai besoin d'une grosse aide à un parcours de mon projet. C'est pour le drag and drop. J'ai cherché partout sur le net j'ai trouvé pleins de programmes mais aucun ne fait la même chose, je ne sais vraiment pas comment faire.
Explication : J'ai 6 ImageViews, chacunes (leur copie car l'image d'origine doit rester à la même place) doit être draggable. Puis ensuite venir à une place précise si l'utilisateur lache l'image prêt de l'emplacement, sinon revenir à la place d'origine.
Pour le code qui va suivre j'ai suivi ce lien là : http://myandroidwidgets.googlecode.c...runk/DragDrop/

Voici mon code (long car je répète chaque chose 6 fois - pour chacunes de mes images)

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
public class IntCalculs extends Activity implements OnTouchListener {
 
	private final static int START_DRAGGING = 0;
	private final static int STOP_DRAGGING = 1;
	private int status;
	private LayoutParams params;
	private FrameLayout layout;
 
	private int[] tabdonnees = new int[100];
	ImageView imav = null;
	ImageView imre = null;
	ImageView imdr = null;
	ImageView imga = null;
	ImageView impo = null;
	ImageView imle = null;
	ImageView imtemp = null;
 
	public void onCreate(Bundle savedInstanceState) {
    	super.onCreate(savedInstanceState);
    	setContentView(R.layout.cal);
 
        imav = (ImageView) findViewById(R.id.imav);
        imre = (ImageView) findViewById(R.id.imre);
        imdr = (ImageView) findViewById(R.id.imdr);
        imga = (ImageView) findViewById(R.id.imga);
        impo = (ImageView) findViewById(R.id.impo);
        imle = (ImageView) findViewById(R.id.imle);
 
        layout = (FrameLayout) findViewById(R.id.layoutForScroll1);
 
        imav.setDrawingCacheEnabled(true);
        imre.setDrawingCacheEnabled(true);
        imga.setDrawingCacheEnabled(true);
        imdr.setDrawingCacheEnabled(true);
        imle.setDrawingCacheEnabled(true);
        impo.setDrawingCacheEnabled(true);
 
        imav.setOnTouchListener(this);
        imre.setOnTouchListener(this);
        imdr.setOnTouchListener(this);
        imga.setOnTouchListener(this);
        impo.setOnTouchListener(this);
        imle.setOnTouchListener(this);
 
        params = new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
    }
 
	@Override
	public boolean onTouch(View v, MotionEvent m) {
		if (m.getAction() == MotionEvent.ACTION_DOWN) {
			status = START_DRAGGING;
			imtemp = new ImageView(this);
			imtemp.setImageBitmap(imav.getDrawingCache()); // comment connaitre l'image pour laquelle j'ai appuyer ? La j'ai mis imav pour testé.
			layout.addView(imtemp, params);
		}
		if (m.getAction() == MotionEvent.ACTION_UP) {
			status = STOP_DRAGGING;
		} else if (m.getAction() == MotionEvent.ACTION_MOVE) {
			if (status == START_DRAGGING) {
				System.out.println("Dragging");
				imtemp.setPadding((int) m.getRawX(), (int) m.getRawY(), 0, 0);
				imtemp.invalidate();
			}
		}
		return false;
	}
}

Au final, quand je teste ceci, je n'obtiens plus que la dernière image (au lieu d'avoir les 6 les unes sous les autres), et quand j'appuie sur cette image, elle change pour l'autre que j'ai défini dans le code (là ou je demande comment obtenir l'image pour laquelle j'ai appuyé).

Merci beaucoup de votre aide, parce que là je suis bloqué et je ne sais pas quoi faire.

[Hizin]

Crée une classe pour le OnTouchListener, ça fera déjà ça de gagné

Première chose, si tu fais ça pour HoneyComb ou plus, tu as des classes qui le gère nativement, donc le reste du message ne sert à rien.

Après, je viens de faire un D&D (un drag and drop pour pouvoir changer les onglets d'une TabActivity à son bon vouloir et avec d'aures items dans une ListView).
À la différence de toi, je commence sur un clic long, toi, au survol à priori.

Pour savoir où le doigt est, la méthode getHitRect(theHitRect), qui fera en sorte que le Rect passé en paramètre soit la copie de celui de l'ImageView. Le test est à faire quel que soit le toucher et UNIQUEMENT s'il n'y a pas d'image prise déjà dans ton contexte.

Ensuite, tu n'as pas besoin d'un attribut par image draggable. Tu ne peux en prendre qu'une en même temps, donc tu n'as besoin que d'un attribut, qui sera doublé dans le cas où il faut masquer celle en train de voyager (ou faire un autre traitement la discriminant des autres).
L'attribut draggable devient donc la nouvelle image, et tu la promènes tant que l'action est MotionEvent.ACTION_MOVE.
L'autre image, tu peux la passer en View.INVISIBLE, par exemple, pour indiquer qu'elle est en train d'être bougée.

Enfin, sur MotionEvent.ACTION_UP, tu vérifies si ton image est dans la bonne zone, tu fais ce qu'il faut si c'est le cas et sinon, tu révèle l'image de base, qui n' a pas bougée et tu détruits celle que tu bouge.

[Invité]

Merci Hizin de ta réponse très complète.
Je n'ai pas compris pourquoi créer une classe pour le OnTouchListener ?

Concernant le long clic je verrais plus tard s'il n'y a pas trop de modifs à faire pour voir c'est lequel qui rend mieux.

ps : je ne fais pas ça pour HoneyComb ou plus

En voyant ton message, je me dis que j'y arriverai jamais.

[Hizin]

Je n'ai pas compris pourquoi créer une classe pour le OnTouchListener ?

C'est vrai que, dans ton cas, ce n'est pas forcément utile
Ca servira majoritairement pour du découpage de code.

Tu y arriveras, fais juste les choses petits à petits.
Dans cet ordre (par exemple) :

• détecter le toucher
• détecter l'endroit du toucher
• détecter si le toucher est sur une des ImageView
• ajouter l'autre ImageView aux bonnes coordonnées
• rendre invisible (ou autre) l'ImageView de base (pour signifier qu'elle est en train d'être bougée)
• faire que l'ImageView "draggable" disparaisse quand le doigt est levé
• faire que l'ImageView "draggable" suive le doigt quand il bouge
• avoir l'endroit auquel se lève le doigt
• vérifier si l'endroit est sur la cible

Un drag and drop, c'est tout con, faut juste le découper en étape (je m'aperçois que la phrase est généralisable en fait).

[Invité]

Encore une fois merci Hizin.

Je vais essayé de suivre "ta recette".
Par contre pour les 3 premiers points, cela se fait "automatiquement" non ?
Avec le image.setOnTouchListener() non ?

[Hizin]

Je n'ai pas dit que chacun des points était égal en terme de travail à faire pour le remplir
Juste avancer pas à pas en décomposant le problème pour savoir ce que l'on doit avoir pour débuter (ici, comment sont géré les touchers et les mouvements), ce que l'on veut faire (déplacer une image suivant le doigt) et la finalité (que l'image bougée soit larguée dans une certaine zone).

Les deux premiers points se font effectivement très vite, mais le troisième risque de te poser quelques soucis si tu l'assimiles aux deux premiers.
Le tuto duquel je suis parti : http://blog.scoutant.org/index.php?p...rop-en-Android