如何从 main.qml 设置一个 qml 的 item 属性

Question

我浪费时间寻找如何将可见属性设置为 false，委托位于另一个 qml 文件中。

例如，这里是一个基于 Places Map 的简单示例。

Marker.qml

import QtQuick 2.0
import QtLocation 5.6

MapQuickItem {
    id: idPointsMarker

    sourceItem: Loader{sourceComponent: idRect}

    visible: true //if set manually to false, everything works correctly

    Component{
        id: idRect
        Rectangle{
            width: 20
            height: 20
            color: "blue"
        }
    }
}

和main.qml

import QtQuick 2.0
import QtQuick.Window 2.0
import QtLocation 5.6
import QtPositioning 5.6

Window {
    width: 512
    height: 512
    visible: true

    PositionSource {
        ...
    }

    property variant locationOslo: QtPositioning.coordinate( 59.93, 10.76)


    PlaceSearchModel {
        ...
    }

    Map {
        id: map
        anchors.fill: parent
        plugin: Plugin {name: "osm"}
        center: locationOslo
        zoomLevel: 13

        MouseArea {
            id : mouseMap
            anchors.fill: parent
            onDoubleClicked: {
                console.log("DoubleClicked")
                Marker.idPointsMarker.visible = false // pb is here

            }
        }

        MapItemView {
            model: searchModel
            delegate: Marker{
                coordinate: place.location.coordinate
            }
        }
    }
}

我希望在双击时将可见性切换为 false。我无法以我写的方式访问该属性。正确的语法是什么？

抱歉，问了这么简单的问题。感谢您的帮助。

Answer 1

你不必在 main.qml 中设置属性，你必须在 Marker.qml 中设置，因为 Marker.qml 的元素可以访问 main.qml 的所有元素。一种解决方案是建立一个 bool 类型的属性来管理可见性并在双击时更改：

ma​​in.qml

Map {
    [...]
    property bool isVisibleItems: true

    MouseArea {
        id : mouseMap
        anchors.fill: parent
        onDoubleClicked: map.isVisibleItems = !map.isVisibleItems
    }
    [...]

Marker.qml

import QtQuick 2.0
import QtLocation 5.6

MapQuickItem {
    id: idPointsMarker
    sourceItem: Loader{sourceComponent: idRect}
    visible: map.isVisibleItems

    Component{
        id: idRect
        Rectangle{
            width: 20
            height: 20
            color: "blue"
        }
    }
}

下面link有一个例子