Qt Quick 自定义弹出窗口

在Qt Quick应用程序中，弹出窗口是一种常见的用户界面元素，用于显示临时的信息、提示或者用户交互。Qt Quick提供了Popup组件，可以方便地创建自定义的弹出窗口。本文将介绍如何使用Qt Quick创建自定义弹出窗口，并提供相应的源代码示例。

首先，我们需要在Qt Quick应用程序中创建一个Popup组件。Popup组件可以包含任何其他的Qt Quick组件，以实现自定义的弹出窗口布局和样式。以下是一个简单的示例代码：

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 400
    height: 300

    Button {
        id: openButton
        text: "Open Popup"
        onClicked: {
            popup.open()
        }
    }

    Popup {
        id: popup
        modal: true
        closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside

        width: 200
        height: 150
        contentItem: Rectangle {
            color: "white"
            border.color: "black"
            border.width: 1