UI, drag & drop avec animation

Hello,

Je vais devoir développer une app. pour smartphone dans laquel je vais avoir un semblant de iGoogle. Dans d'autres termes, j'aurais des box à drag&drop à travers différent conteneurs.

J'aimerais cependant reproduire l'effet qu'on voit sur iGoogle, lorsque on drag et bouge une box un peu partout, les boxes qui sont déjà en place réagissent en bougeant par exemple pour montrer à l'utilisateur ou va se place le composant qu'il a en main.

Y'a t-il un algorithme spécifique qui permet de réaliser ce calcul simplement?

L'avantage dans mon UI c'est que toutes les boxes/conteneurs ont respectivements la même taille, donc tout ce dont j'aurai besoin c'est de bouger les boxes dans une ou deux directions (Up/Down).

Merci d'avance pour vos remarques

M.

Par curiosité j'ai été voir sur iGoogle avec plusieurs navigateurs, et je n'ai pas vu d'animations des différentes box. Il y a simplement le futur layout qui s'affiche.

Le future layout? je ne comprends pas..
Sinon il faut pas prendre le mot animation pour ce qu'il est en tant que tel, en fait ce qui m'intérresse le plus c'est de pouvoir, lorsqu'on drag une boite, et qu'elle passe au dessus des autres box, que ces dérnières bougent pour laisser de la place à l'autre et ce avant le drop.

je ne sais pas si c'est clair :/ plus je me relis plus je suis confus de si je délivre la question correctement ou pas :)

Voilà ce que Xavier décrivait je pense : [ame="http://www.youtube.com/watch?v=Nn-K5nfg03c"]iGoogle - demo drag n drop - YouTube[/ame]
(meilleure qualité : https://www.rapidshare.com/files/806...rag_n_drop.avi)

Citation:

---

Envoyé par Goundy

Le future layout? je ne comprends pas..
Sinon il faut pas prendre le mot animation pour ce qu'il est en tant que tel, en fait ce qui m'intérresse le plus c'est de pouvoir, lorsqu'on drag une boite, et qu'elle passe au dessus des autres box, que ces dérnières bougent pour laisser de la place à l'autre et ce avant le drop.

---

On est bien d'accord.

Le truc c'est que les boites ne 'bougent' pas. C'est simplement qu'a un certain moment on recalcule la position idéale de toute les boites et on l'affiche. Le fait est que la plupart des boites gardent le même emplacement, on a donc visuellement l'illusion que quelques boites ont bougé, mais non.

Le moment du recalcul, c'est lorsque l'une des extrémités de la boite qu'on bouge dépasse le milieu d'une autre boite : a ce moment on déplace les boites qui sont dans la (les) colonne(s) considérée(s).

Sweet. Tu as mieux expliqué ce que je recherche en 3 mots: "La position idéale"
Je veux donc efféctuer ce calcul et je cherche un moyen plus rapide et plus malin que celui ou je calcul s'il y'a overlap entre les boxes pis je fais un shift. :ccool:

Citation:

---

Envoyé par Goundy

Sweet. Tu as mieux expliqué ce que je recherche en 3 mots: "La position idéale"
Je veux donc efféctuer ce calcul et je cherche un moyen plus rapide et plus malin que celui ou je calcul s'il y'a overlap entre les boxes pis je fais un shift. :ccool:

---

L'algo de iGoogle n'a pas l'air très compliqué. Ca semble s'occuper indépendamment de chaque colonne. La colonne de départ est compressée (le vide laissé par l'ancienne box est supprimé). Et la colonne d'arrivée est étendue (la nouvelle box est insérée).

Allo,

As-tu penser à utiliser des composants déjà existants ? Je pense notamment à Qt (et les QtDockWidgets) qui font automatiquement ce que tu souhaites.

A+.

Citation:

---

Envoyé par PadawanDuDelphi

Je pense notamment à Qt (et les QtDockWidgets) qui font automatiquement ce que tu souhaites.

---

Windows phone 7 :P donc pas de Qt :)

Merci :D