Discussion :

[Ploupi]

Bonsoir,

Je ne comprend pas quelque chose qui pourra paraître facile pour certains...
J'ai un fichier main.qml :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
Rectangle {
    id: rectangle1
    width: 800
    height: 500
    MouseArea {
        id: mousearea1
        anchors.top: parent.top
        anchors.topMargin: 0
        anchors.right: parent.right
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        z: 0
 
        Rectangle {
            id: menuu
            width: 800
            height: 25
            anchors.bottomMargin: 475
            anchors.fill: parent
 
            Text {
                id: ouvrir
                x: 15
                y: 5
                color: "#ffffff"
                text: qsTr("Ouvrir")
                font.pixelSize: 10
 
                MouseArea {
                    id: mouse_ouvrir
                    anchors.fill: parent
                    onClicked: { //?? }
                }
            }
}
}

Lorsque je clique sur mouse_ouvrir, je voudrais qu'une fenetre ListView tel que je l'ai décrit dans file.qml s'affiche :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
ListView {
    id: filebrowser
    width: 360
    height: 300
    FolderListModel {
        id: foldermodel
        folder: "file:///home/user/"
        nameFilters: ["*.jpg", "*.png", "*.bmp", "*.jpeg"]
        showDotAndDotDot: true
    }
 
    Component {
        id: filedelegate
        Rectangle {
            width: parent.width
            height: 30
            Text {
                text: fileName+" "+filePath
                anchors.fill: parent
                MouseArea {
                    anchors.fill: parent
                    onClicked: {
                        if (foldermodel.isFolder(index)) {
                            foldermodel.folder = filePath
                        }
                    }
                }
            }
        }
    }
 
    model: foldermodel
    delegate: filedelegate
}

C'est la première fois que je code en QML, je n'avais fait que des GUI avec des fichiers .ui et j'ai du mal à comprendre la logique des QML...

Merci

[loupium]

Salut,
Pour commencer, dans ton main.qml, le MouseArea ne devrait pas avoir d'enfant (le rectangle dans ton cas).
Ensuite, pour faire apparaitre des éléments nouveaux, il y a 2 façons de faire : Statique ou dynamique. Pour débuter commence par la statique qui consiste à cacher ce que l'on souhaite faire apparaitre. Soit en utilisant la propriété opacity du rectangle ou en décalant l'élément en dehors de la vue.
@+

[Amnell]

Bonsoir,

Ou tout simplement avec une propriété "visible", spécialement prévue pour cela. Généralement, s'il y a moyen d'éviter de passer par du dynamique (hors cas des modèles, je parle de createComponent() ou de Loaders) en passant par une méthode statique de camouflage d'un élément, il vaut mieux le faire car cela permet d'éviter d'avoir pas mal de mémoire à gérer derrière.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
Rectangle {
    id: main
    width: 100
    height: 100
 
    MouseArea {
        anchors.fill: parent
        onClicked: {
            view.visible = true;
        }
    }
 
    MonItem {
        id: view
        visible: false
    }
}

À savoir que dans le cas présent, un fichier nommé MonItem.qml se situera à côté du fichier main.qml. C'est la partie devant l'extension .qml qui détermine le nom de l'élément QML créé.

Bonne continuation,
Amnell.

[dourouc05]

Généralement, s'il y a moyen d'éviter de passer par du dynamique (hors cas des modèles, je parle de createComponent() ou de Loaders) en passant par une méthode statique de camouflage d'un élément, il vaut mieux le faire car cela permet d'éviter d'avoir pas mal de mémoire à gérer derrière.

Sauf qu'il faut alors charger ces composants dès le démarrage de l'application ; c'est probablement sans grande conséquence dès qu'il y a de la puissance de calcul, mais un mobile aura plus de mal à charger beaucoup de composants sans laisser poireauter l'utilisateur un certain temps. (C'est une optimisation, ce n'est pas à faire dès le début du développement de l'application sauf si on sait d'avance qu'on devra charger un grand nombre de composants et que les plateformes cible pourraient ne pas le digérer facilement – premature optimisation is root of all evil.)

[loupium]

J'ai une petite préférence pour opacity qui permet d'ajouter facilement une transition dans le futur.
Je n'ai pas vérifié, mais mon petit doigt me dit que opacity: 0 est équivalent à visible: 0 et doivent être gérés de la même façon en interne de Qt.

[Amnell]

J'ai une petite préférence pour opacity qui permet d'ajouter facilement une transition dans le futur.
Je n'ai pas vérifié, mais mon petit doigt me dit que opacity: 0 est équivalent à visible: 0 et doivent être gérés de la même façon en interne de Qt.

L'un n'empêche pas l'autre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
Rectangle {
    visible: false
    opacity: visible ? 1 : 0;
    // ...
 
    Behavior on opacity { NumberAnimation { duration: 500; } }
}