Faites glisser et déposer des images dans android

Je travaille sur un word scramble jeu qui permet à l'utilisateur de déplacer l'image à l'image..si l'image ne correspond pas alors il doit revenir à sa position initiale, d'où il a été tiré.J'ai écrit un exemple de code pour déplacer l'image, mais le problème, c'est que si je déplace une image de l'image voisine aussi commence à se déplacer.. Voici un exemple de code.

 /** Touchmoveimage.java*/
package com.examples.Touchmoveimage;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.ImageView;
import android.widget.LinearLayout.LayoutParams;
public class Touchmoveimage extends Activity implements OnTouchListener{
int windowwidth;
int windowheight;
private LayoutParams layoutParams ;
private LayoutParams layoutParams1 ;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
windowwidth = getWindowManager().getDefaultDisplay().getWidth();
windowheight = getWindowManager().getDefaultDisplay().getHeight();
ImageView ball= (ImageView)findViewById(R.id.ball);
ball.setOnTouchListener(this);
ImageView ball1 = (ImageView)findViewById(R.id.ball1);
ball1.setOnTouchListener(this); 
}   
public boolean onTouch(View v,MotionEvent event) {
switch(v.getId())
{
case R.id.ball:
ImageView ball= (ImageView)findViewById(R.id.ball);
layoutParams = (LayoutParams) ball.getLayoutParams();
switch(event.getAction())
{
case MotionEvent.ACTION_DOWN:   
break;
case MotionEvent.ACTION_MOVE:
int x_cord = (int)event.getRawX();
int y_cord = (int)event.getRawY();
if(x_cord>windowwidth){x_cord=windowwidth;}
if(y_cord>windowheight){y_cord=windowheight;}
layoutParams.leftMargin = x_cord -25;
layoutParams.topMargin = y_cord - 75;
ball.setLayoutParams(layoutParams);
break;
default : break;
}
case R.id.ball1:
ImageView ball1= (ImageView)findViewById(R.id.ball1);
layoutParams1 = (LayoutParams) ball1.getLayoutParams();
switch(event.getAction())
{
case MotionEvent.ACTION_DOWN:   
break;
case MotionEvent.ACTION_MOVE:
int x_cord = (int)event.getRawX();
int y_cord = (int)event.getRawY();
if(x_cord>windowwidth){x_cord=windowwidth;}
if(y_cord>windowheight){y_cord=windowheight;}
layoutParams1.leftMargin = x_cord -25;
layoutParams1.topMargin = y_cord - 75;
ball1.setLayoutParams(layoutParams1);
break;          
default : break;
}
}
return true;}
}

     <!-- main.xml -->
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<ImageView 
android:layout_width="50sp" 
android:layout_height="50sp" 
android:id="@+id/ball"
android:src="@drawable/ball">
</ImageView>
<ImageView 
android:layout_y="30dip" 
android:layout_x="118dip" 
android:layout_width="50sp" 
android:layout_height="50sp" 
android:id="@+id/ball1"
android:src="@drawable/ball1">
</ImageView>
</LinearLayout>

Quelqu'un m'aider plz..à Essayer toutes les choses possibles pour le résoudre..

Bonjour Pinky Votre Problème est Résolu ou pas?
tech-papers.org/android-drag-and-drop
Voir: developer.android.com/guide/topics/ui/...

OriginalL'auteur Veena | 2010-12-24

1

Vous devez vous assurer que l'événement se passe dans le ballon. Le onTouch événement sera déclarée même si vous touchez à l'extérieur de l'objet image. Donc, ce que vous pourriez faire est de vérifier dans la ACTION_DOWN phases que vous avez bloqué à assurez-vous que le contact est dans les limites de l'objet. Vous pouvez ensuite définir un indicateur pour informer le système sur lequel la balle est déplacée. Je vous laisse faire le codage, mais j'espère que cela vous permettra d'obtenir une idée de ce à faire.

Merci... j'ai essayé le paramétrage de l'indicateur lorsqu'un objet est touché, mais même cela n'a pas aidé...:(
Vous devez assurez-vous de assurez-vous que le doigt est dans les limites de la balle. Essayez juste l'impression de x/y de coordonnées lorsque ACTION_DOWN est poussé, et voir ce qui se passe. Comparez les limites de l'image.
Ouais j'ai essayé d'impression ordonnées co.. Si le 1er ballon est touché, il affiche ses coordonnées et il imprime aussi le message qui est censé être affiché lorsque la boule 2 est touché.. C'est déroutant moi.. c'Est mon approche correcte btw?? toute autre façon de faire cela??
Je rencontre un problème. Si l'utilisateur fait glisser ou presses trop à droite ou à gauche ou en haut ou en bas d'une mise en page de l'app FC. Voici le lien: stackoverflow.com/questions/21347431/...

OriginalL'auteur PearsonArtPhoto

Vous pouvez prendre une idée à partir de ce code, il sera très utile... et je travaille également dans ce concept.

package com.example.drag;
import android.app.*;
import android.graphics.*;
import android.os.*;
import android.util.Log;
import android.view.*;
import android.view.View.*;
import android.widget.*;
import android.widget.AbsoluteLayout.LayoutParams;
public class MainActivity extends Activity implements OnTouchListener {
//The letter that the user drags.
//The letter outline that the user is supposed to drag letterView to.
private AbsoluteLayout mainLayout;
TextView letterView;
TextView emptyLetterView;
TextView letter_E,letter_I,letter_O,letter_U;
TextView letter_C,letter_T;
int status=0;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mainLayout = (AbsoluteLayout) findViewById(R.id.absLayout);
mainLayout.setOnTouchListener(this);
letterView = (TextView) findViewById(R.id.imageView);
letterView.setOnTouchListener(this);
emptyLetterView = (TextView) findViewById(R.id.textView1);
letter_E= (TextView) findViewById(R.id.text_E);
letter_I= (TextView) findViewById(R.id.text_I);
letter_O= (TextView) findViewById(R.id.text_O);
letter_U= (TextView) findViewById(R.id.text_U);
letter_C= (TextView) findViewById(R.id.text_C);
letter_T= (TextView) findViewById(R.id.text_T);
letter_I.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
//TODO Auto-generated method stub
status=2;
return false;
}
});
letter_E.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
//TODO Auto-generated method stub
status=1;
Log.i("ImageStatus",""+status);
return false;
}
});
AbsoluteLayout abl=(AbsoluteLayout)findViewById(R.id.absLayout);
abl.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
//TODO Auto-generated method stub
Log.i("touch",""+event);
if(status==1) //any event from down and move
{
LayoutParams lp = new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT,(int)event.getX()-letter_E.getWidth()/2,(int)event.getY()-letter_E.getHeight()/2);
letter_E.setLayoutParams(lp);                      
}
else if (status==2) {
LayoutParams lp = new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT,(int)event.getX()-letter_E.getWidth()/2,(int)event.getY()-letter_E.getHeight()/2);
letter_I.setLayoutParams(lp);
}
if(event.getAction()==MotionEvent.ACTION_UP){
status=0;
letter_E.setBackgroundColor(Color.TRANSPARENT);
letter_I.setBackgroundColor(Color.TRANSPARENT);
}
return true;
}
});
Typeface type= Typeface.createFromAsset(getAssets(), "AlphaBalloon.ttf");
letterView.setTypeface(type);
emptyLetterView.setTypeface(type);
letter_E.setTypeface(type);
letter_I.setTypeface(type);
letter_O.setTypeface(type);
letter_U.setTypeface(type);
letter_C.setTypeface(type);
letter_T.setTypeface(type);
}
private boolean dragging = false;
private Rect hitRect = new Rect();
@Override
/**
* NOTE:  Had significant problems when I tried to react to ACTION_MOVE on letterView.   Kept getting alternating (X,Y) 
* locations of the motion events, which caused the letter to flicker and move back and forth.  The only solution I could 
* find was to determine when the user had touched down on the letter, then process moves in the ACTION_MOVE 
* associated with the mainLayout.
*/
public boolean onTouch(View v, MotionEvent event) {
boolean eventConsumed = true;
int x = (int)event.getX();
int y = (int)event.getY();
int action = event.getAction();
if (action == MotionEvent.ACTION_DOWN) {
if (v == letterView) {
dragging = true;
eventConsumed = false;
}
} else if (action == MotionEvent.ACTION_UP) {
if (dragging) {
emptyLetterView.getHitRect(hitRect);
if (hitRect.contains(x, y))
setSameAbsoluteLocation(letterView, emptyLetterView);
}
dragging = false;
eventConsumed = false;
} else if (action == MotionEvent.ACTION_MOVE) {
if (v != letterView) {
if (dragging) {
setAbsoluteLocationCentered(letterView, x, y);
}
}
}
return eventConsumed;
}
private void setSameAbsoluteLocation(View v1, View v2) {
AbsoluteLayout.LayoutParams alp2 = (AbsoluteLayout.LayoutParams) v2.getLayoutParams();
setAbsoluteLocation(v1, alp2.x, alp2.y);
letterView.setVisibility(View.GONE);
emptyLetterView.setText("A");
emptyLetterView.setTextColor(Color.BLACK);
Toast.makeText(getApplicationContext(), "C for Cat", Toast.LENGTH_SHORT).show();
}
private void setAbsoluteLocationCentered(View v, int x, int y) {
setAbsoluteLocation(v, x - v.getWidth() / 2, y - v.getHeight() / 2);
}
private void setAbsoluteLocation(View v, int x, int y) {
AbsoluteLayout.LayoutParams alp = (AbsoluteLayout.LayoutParams) v.getLayoutParams();
alp.x = x;
alp.y = y;
v.setLayoutParams(alp);
}
}

Et XML.....

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/LLayout">
<AbsoluteLayout
android:id="@+id/absLayout"
android:layout_width="fill_parent"
android:layout_height="300dp"
android:layout_alignParentBottom="true" >
<TextView
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="10dp"
android:layout_y="-3dp"
android:text="A"
android:textSize="80dp" />
<TextView
android:id="@+id/text_"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="73dp"
android:layout_y="-3dp"
android:text="E"
android:textSize="80dp"/>
<TextView
android:id="@+id/text_I"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="134dp"
android:layout_y="-4dp"
android:text="I"
android:textSize="80dp" />
<TextView
android:id="@+id/text_O"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="196dp"
android:layout_y="-4dp"
android:text="O"
android:textSize="80dp" />
<TextView
android:id="@+id/text_U"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="260dp"
android:layout_y="-4dp"
android:text="U"
android:textSize="80dp" />
<TextView
android:id="@+id/text_T"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="196dp"
android:layout_y="131dp"
android:text="T"
android:textSize="80dp" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="120dp"
android:layout_y="128dp"
android:text="A"
android:textColor="#ffff9f"
android:textSize="80dp" />
<TextView
android:id="@+id/text_C"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_x="45dp"
android:layout_y="129dp"
android:text="C"
android:textSize="80dp" />
</AbsoluteLayout>
<AbsoluteLayout
android:id="@+id/absLayoutNew"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
</AbsoluteLayout>
<TextView
android:id="@+id/text_E"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="H"
android:textSize="80dp" />

Je rencontre un problème. Si l'utilisateur fait glisser ou presses trop à droite ou à gauche ou en haut ou en bas d'une mise en page de l'app FC. Voici le lien: stackoverflow.com/questions/21347431/...

OriginalL'auteur Android Help

0

Je suis bête... Après l'avoir regardé plus attentivement, j'ai réalisé que c'est votre approche fondamentale qui est faux. Vous souhaitez définir le onTouchListener sur la boule de l'ImageView. J'avais en fait il suffit de créer un objet ball, vous êtes sûr de vouloir faire quelque chose avec eux plus tard. Les premières coordonnées aussi bien là comme partout, donc... Donner un coup de feu, et laissez-moi savoir comment cela fonctionne.

Ouais..Okie.. Il essayez-le maintenant et laissez-u kno:)...
Hey créer une boule d'objet comme dans..?? Dans mon jeu, je serais ajouter dynamiquement des images à l'ImageView..

OriginalL'auteur PearsonArtPhoto
0

Le problème est avec le LinearLayout ,comme il a ses points de vue liés les uns aux autres , horizontalement ou verticalement. Simplement modifier votre mise en page pour FrameLayout ou à l'obsolète AbsoluteLayout. Qui fonctionne correctement pour vous.

J'ai essayé.. c'din travail:(... tryin dans diff façon maintenant.. Tnx de toute façon..:)

OriginalL'auteur A.Zidan
0

Je suis en train d'écrire un programme similaire et ont le même problème. Il me semble que c'est possible d'avoir qu'un seul "onTouchListener" dans l'ensemble du programme. J'utilise FrameLayout et quand je touche l'écran, je veux un nouveau ballon à apparaître. Il fonctionne lorsque je définis "FrameLayout.setOnTouchListener"

Si je touche existant ballon, je veux le faire glisser quelque part. Il fonctionne lorsque "Boule.setOnTouchListener" est défini.

Mais quand j'utilise à la fois "setOnTouchListeners" que seulement l'un d'entre eux fonctionne.

Donc je pense que Android peut fonctionner avec un seul "setOnTouchListener", et vous avez en quelque sorte (je ne sais pas comment) vérifier dynamiquement créé ballon a été touché et de la traiter.

OriginalL'auteur Racky

Vous devez vous connecter pour publier un commentaire.