Comment charger des composants ?

Version imprimable

12/12/2014, 22h53
Avatar36

Comment charger des composants ?
Bonjour,
J'ai fait pas mal de recherches et je reste indécis sur le chargement des composants en QML. Si j'ai bien compris, on a:
-la propriété visible. Pratique mais impose de charger tous les composants au début donc pas très performant et n'est pas forcément adaptée à toutes les utilisations.
-Le composant Loader. Pratique mais je n'ai pas trouvé comment créer plusieurs instances du même objet.
-Le code
Code:

1 2 3 var component component = Qt.createComponent("../panneauConfiguration/ConfigurationMain.qml") component.createObject()
Là on peut créer plusieurs instances du composant.

Mon problème ici est que je souhaite ouvrir une fenêtre à partir d'une autre fenêtre, la principale. La fenêtre en question est celle de configuration. Donc je veux pouvoir l'ouvrir à chaque fois que l'utilisateur clique sur le bouton, mais je ne veux pas qu'il y en ai plusieurs d'ouvertes à la fois. Et je souhaiterais éviter d'utiliser la propriété visible vis-à-vis des performances (le panneau de configuration est blindé d'animations, d'états, de boutons, de views, etc...).
A votre avis, comment est-ce que je peux faire ça?
Merci de votre aide

Cordialement
13/12/2014, 13h57
Avatar36

Ou alors même mieux, comment puis-je empêcher l'utilisateur d'accéder à la première fenêtre lorsque la deuxième est ouverte? ça réglerais le problème

Bonjour,
Utilise une property dans laquelle tu stock ton objet (créé par createObject) :

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
import QtQuick 2.4
import QtQuick.Window 2.1
 
Rectangle {
    id: container
    width: 400
    height: 200
    property var configWindowObject: null
 
    Rectangle {
        width: 200
        height:  200
        color: "red"
        Text {
            anchors.centerIn: parent
            text: "Ouvrir config 1"
        }
        MouseArea {
            anchors.fill: parent
            onClicked: loadConfigWindow("ConfigWindow1.qml")
        }
    }
    Rectangle {
        x: 200
        width: 200
        height:  200
        color: "green"
        Text {
            anchors.centerIn: parent
            text: "Ouvrir config 2"
        }
        MouseArea {
            anchors.fill: parent
            onClicked: loadConfigWindow("ConfigWindow2.qml")
        }
    }
    function loadConfigWindow(qmlFile) {
        if(configWindowObject != null) {
            delete configWindowObject.destroy()
        }
        var component = Qt.createComponent(qmlFile);
        if (component.status == Component.Ready) {
            configWindowObject = component.createObject(container);
        }
    }
}

et ConfigWindow1.qml :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
import QtQuick 2.4
import QtQuick.Window 2.1
 
Window {
    width: 320
    height: 240
    visible: true
    Text {
        anchors.centerIn: parent
        text: "Second Window 1"
    }
}

ConfigWindow2.qml :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
import QtQuick 2.4
import QtQuick.Window 2.1
 
Window {
    width: 320
    height: 240
    visible: true
    Text {
        anchors.centerIn: parent
        text: "Second Window 2"
    }
}

13/12/2014, 20h51
Avatar36

Merci, ça marche bien! Et du coup pour rendre la première fenêtre impossible à utiliser quand la deuxième est ouverte, comment est-ce que je peux faire ça? Voyez, j'aurais bien vu ça comme les fenêtre de windows qui clignotent quand une fenêtre enfant est ouverte.
13/12/2014, 21h27
loupium

il faut ajouter dans ConfigWindow1 par exemple :

Code:

modality: Qt.WindowModal
13/12/2014, 23h14
Avatar36

Nickel! ça marche à la perfection! Merci.
Pour les suivants, il faut bien importer QtQuick.Window 2.1. Avec la 2.0, ça ne marche pas.

Cordialement