如何在Qt Quick 2中正确打开对话框？

Question

我有一个自定义对话框，如下所示：

CustomDialog.qml

 Dialog{    
    Component.onCompleted: {
        console.log("******* Loading Some Data from WebServcie ******")
    }
 }

现在，我在main.qml文件中使用此自定义对话框：

 ApplicationWindow {
     id: mainWindow

        Button{
            id:btn
            onClicked: {
                cd.open();
            }
        }

    CustomDialog{
        id:cd
    }
}

当我运行应用程序时，将执行Component.onCompleted ，但是我希望在单击Button后打开对话框后执行此事件。如何执行此操作？

Answer 1

如果我理解正确，则您想在Dialog出现在屏幕上时执行一些操作。

您可以通过检查visible属性是否已更改来做到这一点：

CustomDialog.qml

Dialog {
  onVisibleChanged: { 
    if (visible) {
       console.log("I'm visible now !")
    } 
  }
}

请注意， Component.onCompleted在实例化组件时触发，而不是在向用户显示组件时触发。