QtQuickControls2 Dialog点击外部消失问题咨询

嘿，这个问题我之前开发Qt Quick应用时也碰到过！你设置了modal: true没错，但Qt Quick Controls 2的Dialog组件默认的关闭策略会允许点击外部或者按Esc键关闭弹窗，哪怕已经设为模态。

问题根源 #

Dialog的closePolicy属性默认值是Dialog.CloseOnEscape | Dialog.CloseOnOutsideClick | Dialog.CloseOnAccept | Dialog.CloseOnReject——这意味着四种情况都会触发关闭：按Esc、点击外部、点击确认按钮、点击取消按钮。

解决方案 #

你只需要修改closePolicy，去掉CloseOnOutsideClick（以及不需要的CloseOnEscape），让弹窗只有通过点击你指定的按钮才会关闭。比如你的弹窗只有Ok按钮，就可以这么设置：

Dialog { 
    id: dialog 
    x: parent.width/2 - width/2 
    y: parent.height/2 - height/2 
    width: 300 
    height: 200 
    title: "Warning" 
    modal: true 
    standardButtons: Dialog.Ok 
    visible: false 
    // 关键修改：仅允许点击Ok按钮关闭弹窗
    closePolicy: Dialog.CloseOnAccept 
    onAccepted: console.log("Ok clicked") 
}

Button { 
    id: button 
    objectName: "doSomethingButton" 
    onClicked: { 
        if(problemFlag == true) 
            dialog.visible = true 
    } 
}

可选的关闭策略组合 #

根据你的需求，还可以选择这些组合：

• 如果需要保留Esc键关闭但禁止外部点击：closePolicy: Dialog.CloseOnAccept | Dialog.CloseOnEscape
• 如果弹窗有Cancel按钮，想让Ok和Cancel都能关闭：closePolicy: Dialog.CloseOnAccept | Dialog.CloseOnReject
• 完全禁止非按钮触发的关闭：closePolicy: Dialog.CloseOnAccept | Dialog.CloseOnReject

这样修改后，模态弹窗就不会因为点击外部区域意外关闭了，用户只能通过点击Ok按钮来关闭它~

内容的提问来源于stack exchange，提问作者numberCruncher