Comment utiliser la zone de clic de souris à partir du formulaire chargé en qml?

Question

ci-dessous est mon extrait de code où je charge ui QML en utilisant la méthode de création d'un objet dynamique maintenant je dois mettre en œuvre MouseArea qui résident dans le fichier chargé, quelqu'un peut me aider à faire ce

Qt.createQmlObject(" import QtQuick 2.0 

    Loader { 
     id: pageLoader 
     source: '/HomeScreenForm.ui.qml' 
     anchors.fill: parent 
     anchors.rightMargin: 0 
     anchors.leftMargin: 0 
     anchors.bottomMargin: parent 
     anchors.topMargin: parent 

     } 


     ", rectangle7) 

Answer 1

Créer un élément personnalisé contient MouseArea . Pour rendre la zone accessible depuis l'extérieur, vous pouvez utiliser alias, par exemple:

MyItem.qml

import QtQuick 2.7 

Rectangle { 
    id: root 
    color: "yellow" 
    property alias area: mouseArea 

    MouseArea { 
     id: mouseArea 
     anchors.fill: parent 
    } 

    Text { 
     anchors.centerIn: parent 
     text: "Click me!" 
    } 
} 

Et vous pouvez créer dynamiquement:

import QtQuick 2.7 
import QtQuick.Window 2.0 

Window { 
    id: mainWindow 
    width: 600 
    height: 600 
    visible: true 

    Component.onCompleted: { 
     var component = Qt.createComponent("MyItem.qml"); 
     if (component.status === Component.Ready) { 
      var obj = component.createObject(mainWindow); 
      obj.width = 200; 
      obj.height = 200; 
      obj.anchors.centerIn = mainWindow.contentItem; 
      obj.area.onPressed.connect(
        function(mouse){ 
         console.log("pressed at (", mouse.x,",",mouse.y,")") 
        }); 
     } 
    } 
} 

Une autre façon utilise Connections, comme @derM déjà remarqué.