qml popup 弹出窗口

最新推荐文章于 2025-09-30 00:20:45 发布

原创

最新推荐文章于 2025-09-30 00:20:45 发布 · 786 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#qt #qml

popup 弹出窗口

在QML中，Popup是一种用于显示临时窗口或对话框的元素。
它可以用来创建各种弹出式界面，如菜单、对话框、提示框等。

以下是一个简单的示例，展示了如何在QML中使用Popup：

import QtQuick 2.15
import QtQuick.Controls 2.15

// 主应用程序窗口
ApplicationWindow {
    visible: true  // 设置窗口可见
    width: 640     // 设置窗口宽度
    height: 480    // 设置窗口高度

    // 按钮，用于打开弹出窗口
    Button {
        text: "打开弹出窗口"  // 按钮显示的文本
        anchors.centerIn: parent  // 将按钮居中对齐在父窗口中
        onClicked: popup.open()  // 当按钮被点击时，打开弹出窗口
    }

    // 弹出窗口
    Popup {
        id: popup  // 弹出窗口的唯一标识
        width: 200  // 设置弹出窗口的宽度
        height: 100  // 设置弹出窗口的高度
        anchors.centerIn: Overlay.overlay  // 将弹出窗口居中对齐在父窗口的覆盖层中
        modal: true  // 设置为模态窗口，阻止用户与父窗口交互
        focus: true  // 设置弹出窗口获得焦点
        closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside  // 设置关闭弹出窗口的策略，按下Esc键或点击弹出窗口外部区域时关闭

        // 弹出窗口的内容项
        contentItem: Rectangle {
            color: "lightgray"  // 设置矩形的