Qt - простое приложение QML не работает

Question

У меня есть просто это простое приложение qml, которое должно выводить цвет фона при щелчке. На самом деле он все еще выводит undefined.

import QtQuick 2.1 
import QtQuick.Controls 1.0 

ApplicationWindow { 
    title: qsTr("Hello World") 
    width: 1400 
    height: 800 
    color: "#414141" 

    menuBar: MenuBar { 
     Menu { 
      title: qsTr("File") 
      MenuItem { 
       text: qsTr("Exit") 
       onTriggered: Qt.quit(); 
      } 
     } 
    } 

    MouseArea { 
     anchors.fill: parent 
     onClicked: {console.log(parent.color)} 
    } 
} 

Answer 1

Я не знаю точно, почему, но это выглядит как ApplicationWindow не непосредственно родителем вашего MouseArea. Вы можете проверить это, добавив id к вашему ApplicationWindow как root, а затем изменить свой onClicked событие этого

onClicked: { 
    console.log("MouseArea parent is: ", parent); 
    console.log("root is: ", root); 
} 

Я получаю это выход, который показывает два различных элемента

MouseArea parent is: QQuickItem(0x101d369b0) 
root is: ApplicationWindow_QMLTYPE_7(0x101d35460) 

Чтобы избежать этого, просто используйте console.log(root.color) вместо parent