如何更改 QML ApplicationWindow Overlay 大小？

Question

由于Qt 5.10，可以为Popup 元素设置Overlay 附加属性。这里有一个示例https://doc.qt.io/qt-5/qml-qtquick-controls2-overlay.html#modal-attached-prop。这对于需要更改 Popup 的背景并将 dim: 属性设置为 true 的情况非常有用。但是（至少对我而言）我不知道如何更改Overlay 的大小。例如，我有一个自定义ApplicationWindow 覆盖contents: 属性，以便能够在窗口上绘制阴影（我的自定义窗口没有边框）并将MouseArea 放置在边框之外以模仿本机窗口的行为。可悲的是 - Overlay 绘制在整个窗口区域上，这使得超出边界的区域变得丑陋。

在Popup 中使用dim: 属性时，有谁知道调整叠加大小（至少是指背景阴影）的方法？

这是一个典型的Popup 代码：

Popup {
        id: popupReleaseNotes
        x: Math.round(parent.width/2 - width/2)
        y: Math.round(parent.height/2 - height/2)
        closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside
        modal: true
        dim: true
    }

在这里你可以看到它在我的应用中的样子：

叠加背景超出了我的自定义边界，这意味着它占据了所有 ApplicationWindow 区域。这就是我想要改变的。到目前为止，我没有找到任何记录在案的方式。

Answer 1

我建议你使用 ColorOverlay。

https://doc.qt.io/qt-5/qml-qtgraphicaleffects-coloroverlay.html

无论如何，在我看来你错过了 Overlay.Modal。 阅读文档（），我期待的是：

Popup {
        id: popupReleaseNotes
        x: Math.round(parent.width/2 - width/2)
        y: Math.round(parent.height/2 - height/2)
        closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside
        modal: true

        visible: true

        Overlay.modal: Rectangle {
               anchors.fill: parent
               color: "#aacfdbe7"
        }
}

PS 查看 Popup 及其 Layout 以了解可能是内容项与背景的问题。也许您的调光是在比内容更大的背景上完成的。 https://doc.qt.io/qt-5/qml-qtquick-controls2-popup.html