QT Quick - 自定义弹出窗口

完美代码

已于 2023-04-11 20:40:37 修改

阅读量1.5k

点赞数 2

CC 4.0 BY-SA版权

文章标签： qt ui 开发语言

于 2023-04-11 20:31:24 首次发布

谢绝转载-https://update.blog.youkuaiyun.com

本文链接：https://blog.youkuaiyun.com/update7/article/details/130092729

QT 同时被 2 个专栏收录

187 篇文章 ¥299.90 ¥399.90

订阅专栏

QT.

182 篇文章 ¥299.90 ¥399.90

订阅专栏

本文介绍了如何在QT Quick中利用Popup组件创建自定义的模态弹出窗口。通过设置Popup的属性如modal、x、y和closePolicy，可以实现弹出窗口的模态行为和位置调整。内容包括如何在弹出窗口内添加UI元素，并响应用户交互以关闭窗口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

QT Quick - 自定义弹出窗口

弹出窗口是用户界面中常用的功能之一。在qt quick中，可以使用Popup组件来轻松创建弹出窗口。Popup是类似于用户界面控件的基本类型，它可以与Window或ApplicationWindow一起使用。当需要确保弹出窗口显示在场景中的其他项之上时，建议使用ApplicationWindow。 ApplicationWindow还提供了背景调暗效果。

下面给出一个简单的例子，演示如何使用Popup组件创建自定义的弹出窗口。

import QtQuick 2.0
import QtQuick.Controls 2.0

ApplicationWindow {
    id: main
    width: 640
    height: 480
    visible: true

    Button {
        text: "点击弹出窗口"
        onClicked: popup.open()
    }

    Popup {
        id: popup
        modal: true
        x: (main.width - width) / 2
        y: (main.height - height) / 2
        width: 320
        height: 240
        focus: true
        closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside

        Rectangle {
            color: "whit

了解本专栏