Qt Quick - Popup控件详解

已于 2023-04-11 22:04:59 修改
阅读量862 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： qt 开发语言
于 2023-04-11 21:00:21 首次发布
谢绝转载-https://update.blog.youkuaiyun.com
本文链接：https://blog.youkuaiyun.com/update7/article/details/130093461
QT 同时被 2 个专栏收录
187 篇文章 ¥299.90 ¥399.90
订阅专栏
QT.
182 篇文章 ¥299.90 ¥399.90
订阅专栏
本文详细介绍了Qt Quick中的Popup控件，包括其作为弹出式界面的特点，常用于与其它组件配合显示。讲解了Popup的属性如modal、opacity、visible等，以及open()、close()等方法。并提供了一个实例，展示如何在按钮点击事件中使用Popup，并实现模态效果。Popup控件在Qt Quick应用程序开发中有广泛应用。

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

Qt Quick - Popup控件详解

Popup是基于Qt Quick中的一种弹出式用户界面控件。它可以和Window或ApplicationWindow一起使用。如果想要确保一个Popup在场景中显示在其他项目之上，建议使用ApplicationWindow，此外ApplicationWindow还提供了背景模糊效果。

Popup属性

以下是Popup控件中常用的属性：

  • modal：是否为模态窗口。
  • opacity：不透明度。
  • visible：是否可见。
  • x：横坐标位置。
  • y：纵坐标位置。
  • width：宽度。
  • height：高度。
  • contentItem：内容项。

Popup方法

以下是Popup控件中常用的方法：

  • open()：打开Popup。
了解本专栏 订阅专栏 解锁全文
33.qt quick-Popup属性方法详解
抵抗时间扭曲，坚持做一件有意义的事
07-01 1089
PopupPopup是一个弹出窗口的控件 Properties activeFocus : bool,只读属性,用来获取弹出窗口是否具有活动焦点。 anchors.centerIn : Object,用来设置居中在谁窗口中. availableHeight : real,只读属性,用来获取当前弹出窗口的高度(可用于contentItem的高度) availableWidth : real,只读...
QtQuick QML教程(18): Item介绍
琅嬛福地
03-21 1881
Item的定义 Qt助手的解释 The Item type is the base type for all visual items in Qt Quick. All visual items in Qt Quick inherit from Item. Although an Item object has no visual appearance, it defines all the attributes that are common across visual items, such as x
Qt自定义按钮弹窗控件。
10-21
Qt自定义按钮弹窗控件。点击按钮弹出窗体，自定义圆角，阴影效果。
Popup 控件
weixin_33830216的博客
02-28 97
Popup：在一个单独的窗口中显示内容，该窗口浮动在当前应用程序窗口之上。 <Window x:Class="MaterialStorage.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.mic...
Qt popup窗口半透明背景
smartDMer的专栏
05-26 579
/只设置Qt::FramelessWindowHint和WA_TranslucentBackground，半透明背景默认会鼠标穿透，即使WA_TransparentForMouseEvents置为false也一样穿透；//只设置Qt::FramelessWindowHint和WA_TranslucentBackground，半透明背景默认会鼠标穿透，即使WA_TransparentForMouseEvents置为false也一样穿透；// 必须设置这个属性，才能支持透明背景。// 可选：绘制边框。
qt通过设置popup属性实现弹出窗口，点击其他位置关闭
weixin_44945450的博客
09-25 3043
用QWidget实现弹出窗口，点击弹窗外其他位置是时，弹窗隐藏，只需要添加一个窗口属性Qt::Popup；
QT Quick QML 实例之 Popup 弹出界面
03-21 3851
QT Quick QML 实例之 Popup 弹出界面 一、演示 二、实现过程 1. 居中弹出 2. 正下方弹出 所有的热爱都要不遗余力，真正喜欢它便给它更高的优先级，和更多的时间吧！ GIT工程文件在这里: QmlLearningPro ，编译选择 Popup QML其它文章请点击这里: QT QUICK QML 学习笔记 一、演示 ● 效果如下： 二、实现过程 在 QML 文件中，不论子文件有多少层，只需在根节点文件中添加 Popup 组件，都可以在界面中弹出置顶。 1. 居中弹出 点
#include "ucDTTimeEdit.h" #include <QMouseEvent> #include <QFocusEvent> #include <QApplication> #include <QDesktopWidget> #include <QLineEdit> ucDTTimeEdit::ucDTTimeEdit(QWidget *parent) : QDateTimeEdit(parent) , m_pickerDialog(nullptr) , m_ignoreNextFocusEvent(false) { setCalendarPopup(false); // 禁用默认的日历弹出 setDisplayFormat("yyyy-MM-dd HH:mm:ss"); // 设置显示格式 // 创建时间选择对话框 m_pickerDialog = new TimePickerDialog(this); m_pickerDialog->setWindowFlags(Qt::Popup); m_pickerDialog->setModal(true); // 连接信号槽 connect(m_pickerDialog, &TimePickerDialog::dateTimeSelected, this, &ucDTTimeEdit::onDateTimeSelected); connect(m_pickerDialog, &TimePickerDialog::rejected, this, &ucDTTimeEdit::onDialogRejected); } ucDTTimeEdit::~ucDTTimeEdit() { if (m_pickerDialog) { m_pickerDialog->deleteLater(); } } void ucDTTimeEdit::mousePressEvent(QMouseEvent *event) { if (event->button() == Qt::LeftButton) { // 显示时间选择对话框 showPickerDialog(); event->accept(); // 阻止事件继续传递 return; } QDateTimeEdit::mousePressEvent(event); } void ucDTTimeEdit::focusInEvent(QFocusEvent *event) { if (m_ignoreNextFocusEvent) { m_ignoreNextFocusEvent = false; event->ignore(); return; } // 当通过Tab键获得焦点时也显示对话框 if (event->reason() == Qt::TabFocusReason || event->reason() == Qt::BacktabFocusReason) { showPickerDialog(); event->ignore(); return; } QDateTimeEdit::focusInEvent(event); } void ucDTTimeEdit::showPickerDialog() { if (!m_pickerDialog) return; m_pickerDialog->setDateTime(dateTime()); // 计算弹出位置 QPoint globalPos = mapToGlobal(QPoint(0, height())); QRect screenRect = QApplication::desktop()->availableGeometry(this); // 确保对话框不会超出屏幕底部 if (globalPos.y() + m_pickerDialog->height() > screenRect.bottom()) { globalPos.setY(screenRect.bottom() - m_pickerDialog->height()); } m_pickerDialog->move(globalPos); m_pickerDialog->show(); m_ignoreNextFocusEvent = true; } void ucDTTimeEdit::onDateTimeSelected(const QDateTime &datetime) { setDateTime(datetime); m_pickerDialog->hide(); setFocus(); // 恢复焦点 } void ucDTTimeEdit::onDialogRejected() { m_pickerDialog->hide(); setFocus(); // 恢复焦点 } 这个自定义的datetimeedit需要实现点击datetimeedit框内就能弹出自定义的下拉框，如何优化修改代码
最新发布
07-20
[^2]: Qt Quick - Popup控件详解。 [^3]: 在自定义的弹窗界面中，继承event事件，并发送信号。 [^4]: qt popup窗口_Qt官方示例窗口标志。</think>### 自定义 QDateTimeEdit 实现点击弹出下拉时间选择器 要优化...
Qt布局管理详解
热门推荐
程序猿老樊的博客
09-30 2万+
Qt布局管理手册： http://doc.qt.io/qt-5/qtwidgets-index.html#styles http://doc.qt.io/qt-5/qtwidgets-index.html#widgets http://doc.qt.io/qt-5/qtwidgets-index.html#layouts 以下是Qt手册中的《布局管理》的译文：
Qt弹出式窗口、Qt::popup闪退问题、设置窗口无焦点问题
qq_42108501的博客
05-22 9679
需求 根据业务需求，在输入框（QlineEdit）下面做一个模糊查找的弹窗（PopupWidget），当鼠标点击弹窗以外的地方时，这个窗口关闭，当光标在输入框重新输入内容时，再次弹框。 实现方法 方法一 在网上查找到的方法；设置窗口标志位： setWindowFlags(Qt::FramelessWindowHint | Qt::Popup); 此方法可以达到弹出式窗口的效果，但是出现了一个致命的问题，但我再次show()这个窗口时（popupWidget），程序会闪退，网上找了很久才找到解决办法。 重写
Qt Quick - Popup
洪源兄
04-13 1370
Popup是类似弹出式用户界面控件的基本类型。它可以与Window或ApplicationWindow一起使用。为了确保场景中其他项目上方显示一个弹出框，建议使用ApplicationWindow。ApplicationWindow还提供背景调光效果。Popup不提供自己的布局，这就要求我们自己定位其内容，例如通过创建RowLayout或ColumnLayout。声明为弹出框子元素的项自动成为弹出框内容项的父元素。动态创建的项需要显式地赋给contentItem。
QT左右弹窗控件
qq_22878985的博客
04-05 1111
QT自定义控件(左右方向弹出控件) 自定义控件存在的意义 ：QT 内置控件丑，而且满足不了有些实际开发的需求。所以需要编写自定义控件来完成一些特殊需求。 效果展示 界面说明 ：点击右侧中间的按钮会从左边或者右边弹出一个窗体，这个窗体还可以自定义。 功能说明 ：单击按钮窗体弹出，再次单击窗体消失 补充说明：弹窗可自定义成任意控件。亦可以设置按钮与弹窗之间的 距离 标题```javascript 代码: class myButton : public QToolButton { Q_OBJECT publ
Qt widget 弹窗动画控件
qq_57486377的博客
08-31 905
Qt中实现弹窗效果，首先需要自定义一个widget，关键要做的就是使用QPropertyAnimation来控制弹窗的位置，在设置动画的初始位置需要将弹窗底部的初始位置和结束位置设置在窗口的上方，这样就可以实现弹窗的弹出和回弹。动画的效果选择：QEasingCurve::OutBounce和QEasingCurve::InBounce达到弹出和弹回的效果。弹窗的所有图标，文本，以及背景都是使用Qpainter重新绘制的，在父类中设置窗口的显示时，如果父类的类型是window那么是可以正常显示的；
Qt Quick 自定义弹出窗口
FucMobile的博客
09-26 507
closePolicy属性指定了关闭弹出窗口的策略，即在按下Esc键或在弹出窗口外部点击时关闭弹出窗口。在Popup组件中，我们设置了弹出窗口的宽度和高度，并定义了一个contentItem，它是一个矩形（Rectangle）组件，用于容纳弹出窗口的内容。在Qt Quick应用程序中，弹出窗口是一种常见的用户界面元素，用于显示临时的信息、提示或者用户交互。通过使用Popup组件，我们可以方便地实现弹出窗口的显示和关闭，并可以自定义弹出窗口的布局和样式。
Qt提供了丰富的控件，其中包含弹出窗口控件QDialog，我们可以通过自定义此控件并修改其鼠标事件实现弹出窗体的拖动和移动
2301_79325339的博客
08-17 314
在上述代码中，我们重写了鼠标事件的处理函数，分别对鼠标按下、移动和释放事件进行处理。在鼠标移动事件中，我们判断是否正在拖动状态，如果是则计算鼠标移动的增量delta，并通过调用move函数来移动窗口，同时更新m_oldPos。Qt提供了丰富的控件，其中包含弹出窗口控件QDialog，我们可以通过自定义此控件并修改其鼠标事件实现弹出窗体的拖动和移动。至此，我们已经通过自定义QDialog并重写其鼠标事件处理函数，实现了通用的弹出窗体控件移动功能，使用户可以更加方便地拖动和移动弹出窗体。
Qt Quick - 弹出控件综述
洪源兄
04-13 1296
控件功能Dialog带有标准按钮和标题的弹出式对话框，用于与用户进行短期交互Drawer可以用滑动手势打开和关闭的侧面板Menu弹出式菜单，可以用作上下文菜单或弹出式菜单Popup弹出式用户界面控件的基本类型ToolTip提供任何控件的工具提示每种类型的弹出式控件都有自己特定的目标用例。下面的小节提供了根据用例选择适当类型的弹出控件的指导方针。
Qt自定义按钮弹窗控件
亅会飞的乌龟的博客
10-21 5757
  一直以为做一个按钮弹窗控件很简单，可做起来发现并不是那么顺利，折腾了挺长时间的，先看下效果： 前言   尝试过两种方案，方案一：使用QToolButton控件，我们可以自定义一个widget，然后setMenu设置为该widget；方案二：点击一个QPushButton然后show一个自定义widget。使用方案一的话各种鼠标事件不用我们管了，但是如果我们想要做的漂亮一些就会有很多局限性，不...
QT控件系列一 | 半透明遮罩弹窗
skytrails的专栏
02-25 1795
QT 透明遮罩(弹窗) 文章目录QT 透明遮罩(弹窗)一、 遮罩控件1.1 前言1.2 原理(技术点)1.3 使用资源下载 一、 遮罩控件 1.1 前言 ​ 我们看Windows桌面应用，当你弹出一个提示弹窗，会发现弹窗有一个透明的遮罩，拖动遮罩应用界面跟随移动。这么设计一可以起到提示作用，二界面看起来很酷弦，三防止用户误操作。看下面的效果： 1.2 原理(技术点) ​ 今天我们用QT来实现这个功能，首先看下需要用到的技术点: 无边框弹窗 // 弹窗选择继承自QDialog class
qml Popup弹窗
08-10
在QML中，Popup是一种弹出式界面控件的基本类型，可以与Window或ApplicationWindow一起使用。一个基本的Popup示例可以如下所示： ```qml import QtQuick.Window import QtQuick.Controls ApplicationWindow { id: window width: 400 height: 400 visible: true Button { text: "Open" onClicked: popup.open() } Popup { id: popup x: 100 y: 100 width: 200 height: 300 modal: true focus: true closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutsideParent } } ``` 默认情况下，按下Escape或Back键会关闭Popup。如果您希望自定义处理这些事件，有两种解决方案： 1. 将Popup的closePolicy属性设置为不包括Popup.CloseOnEscape的值，这样按下退出键时不会关闭Popup。 2. 处理Keys的shortcutOverride信号，并在Popup之前接受事件。 Popup的closePolicy属性是一个枚举类型，决定了弹出窗口关闭的情况。以下是closePolicy的可能取值： - Popup.NoAutoClose: Popup只会在手动指示时关闭。 - Popup.CloseOnPressOutside: 当鼠标在Popup外部按下时，Popup将关闭。 - Popup.CloseOnPressOutsideParent: 当鼠标在父级之外按下时，Popup将关闭。 - Popup.CloseOnReleaseOutside: 当鼠标离开Popup时，Popup将关闭。 - Popup.CloseOnReleaseOutsideParent: 当鼠标在父级之外释放时，Popup将关闭。 - Popup.CloseOnEscape: 当Popup具有焦点且按下退出键时，Popup将关闭。123 #### 引用[.reference_title] - *1* *2* [QML控件类型：Popup](https://blog.youkuaiyun.com/kenfan1647/article/details/122816454)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item] - *3* [QML Popup详解](https://blog.youkuaiyun.com/wzz953200463/article/details/129409996)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值