QML点击按钮关闭Popup如何保留默认closePolicy避免异常

Qt 5.15.2 版本中 Popup 默认 closePolicy 包含 Popup.CloseOnPressOutside 规则：Popup 打开状态下，在 Popup 外部区域按下鼠标就会立即触发关闭。该逻辑执行在鼠标按下事件阶段，而 Button 的 onClicked 信号在鼠标释放后才会触发，时序上会出现：

1. Popup 打开时点击按钮，鼠标按下阶段先触发Popup外部点击自动关闭
2. 鼠标释放时Button的onClicked触发，此时检测到Popup为关闭状态，执行open()重新打开
   最终表现为点击按钮无法关闭Popup。

以下方案均保留Popup默认closePolicy配置，不影响点击外部区域、按ESC键关闭Popup的默认行为。

方案1：拦截按钮区域触发的自动关闭（推荐） #

通过Popup的aboutToClose信号判断关闭原因，如果是外部点击触发的关闭，且点击位置落在控制按钮的范围内，就拦截这次自动关闭，开关逻辑统一交给按钮的点击事件处理。

Button{
    id:btn
    text:"open"
    onClicked: {
        pup.opened? pup.close() : pup.open()
    }
}

Popup {
    id: pup
    x: 100
    y: 100
    width: 200
    height: 300

    onAboutToClose: function(closeEvent) {
        // 只拦截外部鼠标点击触发的关闭，不影响其他关闭场景
        if (closeEvent.reason === Popup.CloseReason.PressOutside 
            || closeEvent.reason === Popup.CloseReason.ReleaseOutside) {
            // 坐标转换判断鼠标是否点击在控制按钮上
            const btnGlobalPos = btn.mapToGlobal(0, 0)
            const mouseX = window.mouseX
            const mouseY = window.mouseY
            const isClickBtn = mouseX >= btnGlobalPos.x 
                            && mouseX <= btnGlobalPos.x + btn.width
                            && mouseY >= btnGlobalPos.y 
                            && mouseY <= btnGlobalPos.y + btn.height
            if (isClickBtn) {
                // 拦截自动关闭，交由按钮点击逻辑处理
                closeEvent.accepted = false
            }
        }
    }
}

该方案和原有点击交互逻辑完全一致，没有行为偏差，是最稳妥的实现方式。

方案2：调整按钮触发时机 #

将按钮的触发逻辑从clicked（鼠标释放触发）改为pressed（鼠标按下触发），让开关逻辑和Popup自动关闭逻辑处于同一个事件阶段，同时加防抖标记避免重复触发：

Button{
    id:btn
    text:"open"
    property bool toggling: false
    onPressed: {
        if (toggling) return
        toggling = true
        pup.opened? pup.close() : pup.open()
        Qt.callLater(() => toggling = false)
    }
}

Popup {
    id: pup
    x: 100
    y: 100
    width: 200
    height: 300
}

该方案实现代码更少，但如果存在「按下按钮后拖动到按钮外释放取消点击」的交互场景，会和用户预期有细微差异，适合对交互细节要求不高的场景。

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