QML à l'Écran des Coordonnées du Composant

Si j'ai un simple, autonome QML application, je peux obtenir l'écran des coordonnées absolues d'un composant en disant

Component.onCompeted: {    
    var l = myThing.mapToItem(null, 0, 0)
    console.log("X: " + l.x + " y: " + l.y)
}

où myThing est l'id de tout autre composant dans le fichier. Toutefois, si ce fichier est incorporé dans un autre fichier QML et le composant qu'il définit est réutilisé, je n'ai pas les coordonnées sur l'écran; - je obtenir les coordonnées locales par rapport à la composante où les déclarations ci-dessus sont exécutées.

Comment puis-je obtenir l'écran des coordonnées absolues des éléments?

OriginalL'auteur Paul Carlisle | 2014-01-30

  1. 6
    Component.onCompleted: {
    var globalCoordinares = myThing.mapToItem(myThing.parent, 0, 0)
    console.log("X: " + globalCoordinares.x + " y: " + globalCoordinares.y)
}

    où myThing.parent est votre principal compontent.

    Malheureusement, je n'ai pas accès au composant principal où ce widget sera utilisé.
    Vous avez raison. Je l'ai testé avec myThing.parent qui fonctionne dans le cas où le parent QML élément remplit la totalité de la fenêtre. Vous pouvez également utiliser myThing.parent.parent si c'est votre élément racine. Pas très agréable et facile à gérer, mais il fonctionne.
    Il n'est existe pas moyen d'accéder à différents QMLs à l'aide de import. import "../Path/To/Parent/" as ParentOfMyThing Puis, devraient être disponibles suivant: ParentOfMyThing.someId
    La composante principale peut être fait la une des dynamiques à l'aide de portée, il suffit d'avoir un property Window vroot : id_root, puis vroot sera disponible pour l'ensemble de l'application.
    Items doit avoir une mapToGlobal méthode. De plus, vous pouvez toujours accéder au niveau supérieur Item avec ApplicationWindow.contentItem si vous utilisez ApplicationWindow créer votre fenêtre. Je pense que Window est également une propriété attachée à obtenir la Fenêtre de votre objet est instancié. (Qui est, de nos jours. Peut être différent pour 2014 Qt)

    OriginalL'auteur Simon Warta

  2. 1

    Voici un rapide et très sale solution. Remarque: Ce n'a été que légèrement testé mais jusqu'à présent, semble fonctionner. Je ne recommande pas l'utilisation de ce dans les applications de production, comme c'est un hack et susceptibles de se briser à un certain point.

    ApplicationWindow {
    id: mainWindow
    visible: true
    width: 640
    height: 480
    x: 150.0
    y: 150.0
    title: qsTr("Hello World")

    Rectangle {
        id: lolRect
        height: 50
        width: 50
        anchors.centerIn: parent;

        Component.onCompleted: {

            function getGlobalCordinatesOfItem(item) {

                //Find the root QML Window.
                function getRootWindowForItem(item) {
                    var cItem = item.parent;
                    if (cItem) {
                        return getRootWindowForItem(cItem);
                    } else {

                        //Path to the root items ApplicationWindow
                        var rootWindow = item.data[0].target;
                        if (rootWindow && rootWindow.toString().indexOf("ApplicationWindow") !== -1) {
                            return rootWindow;
                        } else {
                            console.exception("Unable to find root window!");
                            return null;
                        }
                    }
                }

                //Calculate the items position.
                var rootWindow = getRootWindowForItem(item);
                if (rootWindow) {
                    return Qt.point(rootWindow.x + lolRect.x,
                                    rootWindow.y + lolRect.y);
                } else {
                    return null;
                }
            }

            //Print the result.
            console.log(getGlobalCordinatesOfItem(this));
        }
    }
}

    OriginalL'auteur Andrew