Création d'un logiciel avec glisser-déposer

Version imprimable

01/06/2015, 13h05
enisione

Création d'un logiciel avec glisser-déposer

Bonjour, comme le titre l'indique: j'ai besoin de créer une application en utilisant la notion de drag & drop; je dois créer des blocs et les mettre dans un éditeur "drop area ", ensuite je lie ces blocs entre eux avec des flèches.
Pouviez-vous m'aidez si quelqu'un a fait quelque chose de la sorte en QML? :?
Un petit indice pour comprendre le sujet: mon application ressemble au module Simulink du logiciel Matlab.

Merci :)
01/06/2015, 15h31
dourouc05

:salut:

Il sera probablement plus facile de t'aider si tu nous dis où tu as un problème ;). La doc fournit déjà un exemple : http://doc.qt.io/qt-5/qtquick-draganddrop-example.html.
02/06/2015, 10h51
enisione

Bonjour, je l'ai lu et je l'ai testé l'exemple que vous avez mentionné. Les blocs de cet exemple sont mis à des endroits bien précis. moi je veux être libre de les mettre ou je veux dans la scène ;)
C'est le principe de fonctionnement de Xcos dans le logiciel Scilab.
Je veux réaliser une application qui se base sur le principe Drag&Drop, quelque chose qui ressemble à l'exemple Diagram Scene dans Qt creator. Cet exemple est programmé en C++ :( mais moi je veux programmez les aspects de l'interface (front-side) en QML.
J'ai tenté quelque trucs mais à chaque fois il y a des problèmes.

MERCI

:salut:

Je n'ai pas encore eu à utiliser les fonctionnalités D&D de QML mais voici un morceau de code issu de l'exemple proposé par Dourouc05 qui devrait t'aider :

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
import QtQuick 2.4
import QtQuick.Controls 1.3
 
ApplicationWindow {
    width : 800
    height : 600
 
    Item {
        id: root
        width: 64; height: 64
 
        property int actX
        property int actY
 
        MouseArea {
            id: mouseArea
 
            width: 64; height: 64
            anchors.centerIn: parent
            drag.target: tile
 
            onPressed: {
                parent.actX = mouseX
                parent.actY = mouseY
            }
 
            onReleased: {
                parent.x = parent.x+mouseX-parent.actX
                parent.y = parent.y+mouseY-parent.actY
            }
 
            Rectangle {
                id: tile
 
                width: 64; height: 64
                anchors.verticalCenter: parent.verticalCenter
                anchors.horizontalCenter: parent.horizontalCenter
 
                states: State {
                    when: mouseArea.drag.active
                    ParentChange { target: tile; parent: root }
                    AnchorChanges { target: tile; anchors.verticalCenter: undefined; anchors.horizontalCenter: undefined }
                }
            }
        }
    }
}

Comme il existe un composant DropArea, je suppose qu'il doit y avoir une solution plus simple, mais une nouvelle fois, je n'ai pas encore eu à trop chercher.

Hésite pas à publier si tu trouves quelque chose de mieux.

Bon courage.

++

J

03/06/2015, 11h23
enisione

:salut:

J'ai essayé le bout de code que tu m'as fourni et je sais très bien que ça va m'aider, ça m'a donné une idée :)

Bon j'ai pas totalement résolu mon problème. Un peu de patience ça viendra :D

Il y a beaucoup de boulot qui m'attend.

Merci @dourouc05 et @Jiyuu :D

:merci:
03/06/2015, 12h37
Jiyuu

:salut:

Impec :)

Si tu penses que pour le moment ton problème peut être considéré comme résolu, hésite pas à le passer comme tel en utilisant :resolu:

Et si tu trouves une amélioration, alors hésite pas à poster aussi 8-)

++

J
03/06/2015, 13h06
enisione

1 pièce(s) jointe(s)

Bonjour,

Je m'excuse parce que j'en demande trop, au fait l'item créer par le code de Jiyuu se déplace dans le même composant.

J'aimerai que ce rectangle se déplace vers un autre composant.

Je pense que c'est une astuce de signal et de slot. J'ai compris le principe théoriquement mais en pratique je n'ai pas pu le mettre en oeuvre. :help:Pièce jointe 179597

Voila ce que je voulais exactement et MERCI infiniment