Déplacer un élément dans une listView

Version imprimable

01/04/2011, 11h06
AndroChristophe

Déplacer un élément dans une listView

Bonjour,
Ce matin j'ai essayé de réaliser un petit truc sans succès. Je viens exposé mon problème pour obtenir vos avis, vos conseils.
J'ai une listView avec des éléments. Ce que je voudrais faire c'est quand je clique sur un élément je puisse le déplacer dans la liste (par exemple le faire passer de la troisième à la première place en glissant le doigt). Actuellement quand je fais un LongItemClick je supprime l'élément de la liste et grâce à un onTouchListener je possède la position. Et c'est là que ça ce complique. Comment puis je savoir quel élément de la liste ce situe sous mon doigt (position x et y vu que je les ai).

Je voulais faire en sorte que mon élément me suive même si je sors de la liste, j'ai donc crée un AbsoluteLayout que je place suivant les positions que j'ai enregistré. Cependant je n'arrive pas à dire (et je ne sais pas se cela est possible) au layout d'être au dessus des autres et pas de les décaler.
En gros je veux faire un effet comme quand on déplace un widget ou un raccourci sur Android.
Est ce réalisable ? Est ce que je m'y prends bien ?

Merci de votre aide
01/04/2011, 11h20
Feanorin

Bonjour,

Regarde tu côté de la classe AbsListView

http://developer.android.com/referen...8int,%20int%29
01/04/2011, 11h22
AndroChristophe

Merci, je regarde ça et je donne mon feedback
01/04/2011, 11h26
Feanorin

De ce que j'ai vu tu as quelques procédures intéressantes
comme

public long pointToRowId (int x, int y)
public int pointToPosition (int x, int y)

Par contre pour le déplacement de ta vue je pense qu'il faudra que tu l'implémentes.
01/04/2011, 13h49
Viish

Citation:

Envoyé par AndroChristophe

Comment puis je savoir quel élément de la liste ce situe sous mon doigt (position x et y vu que je les ai).

Pour informer ta ListView de ses éléments, je suppose que tu utilises un Adapter. Cet adaptateur doit donc posséder un tableau ou une liste des éléments. Et comme la méthode OnClick ou OnTouch (je sais plus) de la ListView te donne l'indice sélectionné, tu peux donc retrouver ton élément comme cela.

Citation:

Envoyé par AndroChristophe

Cependant je n'arrive pas à dire (et je ne sais pas se cela est possible) au layout d'être au dessus des autres et pas de les décaler.

Tu n'as qu'a utiliser un FrameLayout dans lequel tu places ta ListView. Lorsque tu veux sortir un élément, supprime le de la ListView et ajoute-le au FrameLayout, il se superposera de lui-même.
01/04/2011, 14h00
AndroChristophe

Je vais regarder pour le frameLayout, merci

Je connais l'id de l'élément que j'ai sélectionné. Ça il n'y a pas de problème. Mais quand je relâche mon doigt, j'aimerais que cet élément s'insère après l'élément sur lequel je l'ai posé. C'est cet élément que j'arrive pas à déterminer. J'ai un peu de mal à expliquer alors que c'est simple ^^
01/04/2011, 14h15
Kenshin83

Tu as l'air de bien gérer l'utilisation de FrameLayout, de mon côté j'ai du mal à comprendre leur utilisation, et je trouve que la doc android est très faible à ce sujet...

Concrètement un FrameLayout c'est quoi, et quels sont les exemples de cas dans lesquels on peut les utiliser ? Merci (désolé d'être un peu HS, mais comme tu as commencé à en parler :p)
01/04/2011, 14h44
Viish

Citation:

Envoyé par AndroChristophe

Mais quand je relâche mon doigt, j'aimerais que cet élément s'insère après l'élément sur lequel je l'ai posé. C'est cet élément que j'arrive pas à déterminer. J'ai un peu de mal à expliquer alors que c'est simple ^^

Récupérer la position x,y du doigt lors du relâchement de la pression est chose facile. Depuis ton adapter tu dois pouvoir récupérer la hauteur en pixels d'un item de ta liste, et dans ta liste tu dois pouvoir obtenir la position en pixels du défilement. Tu as donc en théorie tout à ta disposition pour obtenir ton item. Reste ensuite à modifier la position de l'item dans la liste de ton adapter puis de redessiner ta ListView.

Citation:

Envoyé par Kenshin83

Concrètement un FrameLayout c'est quoi, et quels sont les exemples de cas dans lesquels on peut les utiliser ? Merci (désolé d'être un peu HS, mais comme tu as commencé à en parler :p)

Contrairement au LinearLayout qui s'occupe de positionner les vues les unes après les autres, le FrameLayout les superpose. Ainsi la dernière ajoutée se retrouve au dessus. Si elle ne prend pas toute la place ou si une partie est transparente, tu verras la vue du dessous, etc...
01/04/2011, 14h46
Kenshin83

ok c'est bon à savoir, ça peut me servir, merci !

Je ne comprends pas, j'arrive pas à faire bouger un texte sur l'écran...

Voilà mon XML qui utilise le FrameLayout :

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
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical" android:layout_width="fill_parent"
	android:layout_height="fill_parent">
	<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
		android:orientation="vertical" android:layout_width="fill_parent"
		android:layout_height="fill_parent" android:background="#FFFF0000">
		<TextView android:layout_width="wrap_content"
			android:layout_height="wrap_content" android:layout_gravity="center"
			android:text="Liste 1" android:textSize="20px" />
		<ListView android:layout_width="fill_parent"
			android:layout_height="fill_parent" android:id="@+id/liste1"
			android:scrollingCache="false">
		</ListView>
	</LinearLayout>
	<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
		android:orientation="vertical" android:layout_width="wrap_content"
		android:layout_height="wrap_content" android:id="@+id/linearTest"
		android:background="#FF00FF00">
		<TextView android:layout_width="wrap_content"
			android:layout_height="wrap_content" android:id="@+id/textTest"
			android:text="BOUGE" android:textSize="20px" />
	</LinearLayout>
</FrameLayout>

Je crois bien avoir essayé toutes les possibilités en matière de wrap_content et fill_parent :).

Et voici le bout de code qui se déclenche quand j'appuie sur l'écran :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
public boolean onTouch(View v, MotionEvent event) {
		switch(event.getAction()){
    	case MotionEvent.ACTION_DOWN:
    		break;
 
    	case MotionEvent.ACTION_UP:
    		break;
 
    	case MotionEvent.ACTION_MOVE:
    		LayoutParams layout = (LayoutParams) myLinear.getLayoutParams();
        	layout.leftMargin = (int)event.getX();;    		
    		layout.topMargin = (int)event.getY();
    		myLinear.setLayoutParams(layout);
    		break;
    	}
    	return false;
	}

Est ce que je suis partis sur la mauvaise piste ?

J'avoue que j'ai du mal à comprendre l'idée qui se trouve derrière ton code. Voici ce que je ferai (attention c'est du pseudo code java-android-algorithmique) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
on Touch(Event e)
{
  if (e == DOWN)
  {
    MaVue maVue v = getVueChoisie();
    monFrameLayout.addView(v);
    v.bouger(e.getX, e.getY);
    monAdapter.remove(v);
  }
  else if (e == MOVE)
  {
    v.bouger(e.getX, e.getY);
  }
  else if (e == UP)
  {
    int position = calculerNouvellePosition();
    monAdapter.inserer(position, maVue);
    monFrameLayout.removeView(v);
    maListView.setAdapter(monAdapter);
  }
}

Et où le code de MaVue serait

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
class MaVue extends View
int x, int y
String texte
...
public void bouger(int x, int y)
{
  this.x = x;
  this.y = y;
  invalidate();
}
...
protected void onDraw(Canvas canvas)
{
    canvas.drawText(texte, x, y)
}

Vois-tu l'idée ?

Citation:

Envoyé par Viish

J'avoue que j'ai du mal à comprendre l'idée qui se trouve derrière ton code.

C'est parce que j'avance petit à petit et du coup le code n'est pas complet. Pour le moment ce que j'essaye de faire c'est de déplacer un TextView qui est contenu dans un LinearLayout (lui même contenu dans mon frameLayout).
Code:

1 2 3 4 5 6 7 case MotionEvent.ACTION_MOVE: LayoutParams layout = (LayoutParams) myLinear.getLayoutParams(); layout.leftMargin = (int)event.getX();; layout.topMargin = (int)event.getY(); myLinear.setLayoutParams(layout); break; }
Donc je ne gère que le déplacement, mais j'ai l'impression que leftMargin et topMargin ne vont pas ce que je veux, car mon Linear ne se déplace pas dans mon frame. (Avec un AbsoluteLayout ca marche bien, mais bon c'est deprecated -_-).

Au final je devrais obtenir un truc un peu comme ce que tu as écris. Mais je voulais éviter de créer un classe pour ma vue, mais si ce n'est pas possible tant pis..

La partie que j'ai vraiment du mal à imaginer c'est celle là :
Citation:
Code:

1 2 int position = calculerNouvellePosition(); monAdapter.inserer(position, maVue);
Je m'en vais suivre tes conseils et tester ton code.
Merci pour ton aide

05/04/2011, 16h13
AndroChristophe

Bonjour, Ca y est j'ai enfin réussi à déplacer mon élément au sein de sa liste.
Pour calculer sa nouvelle position j'ai un peu bidouillé. Dites moi ce que vous en pensez : Au clic sur l'élément je stocke la hauteur de la ligne, sa position en y ainsi que son id. Au relâchement de la pression, je regarde la nouvelle valeur d'ordonnée, et par un savant calcul de soustraction multiplication, j'arrive à trouver sa place ^^ :P. ((ancienY - nouveauY) / hauteurLigne + id)
Le problème c'est que cela marche pour une seule liste. Je ne peux pas déplacer mon élément dans une autre liste.
Existe-t-il une méthode pour connaitre la view qui se trouve à une valeur précise en pixel ? Parce que si j'ai cette vue je pourrais trouver son id et l'id de sa mère pour savoir dans quelle liste je suis