pyqt6 实现弹窗案例

本文涉及的产品
RDS MySQL DuckDB 分析主实例,集群系列 4核8GB
简介: 本文介绍了如何实现一系列弹窗效果,包括基础弹窗、消息对话框、输入对话框和清除按钮。通过设置 `self.dialog = Dialog()` 可以轻松实现基础弹窗,而消息对话框则使用 `QMessageBox` 类。输入对话框支持文本、数字和下拉列表输入,清除按钮用于清空输入框内容。每个功能都通过按钮触发相应的槽函数来实现。

 本文我们实现一系列的弹窗效果,效果展示如下:

image.gif 编辑

实现这系列功能很简单,基本上都是类似的操作,我们从基础弹窗、消息弹窗到输入框弹窗及清除按钮的顺序来介绍。

1 基础弹框

我们只需要设置一个self.dialog = Dialog()就可以实现基础的弹窗效果。

我们创建一个QMainWindow,并把基础的弹窗对象配置到主窗口里。

下面代码设计主窗口:

class MainWindow(QMainWindow):
    def __init__(self, parent=None):
        super(MainWindow,self).__init__(parent)
        # 标题
        self.setWindowTitle("弹窗测试")
        # 固定窗体大小
        self.setFixedSize(400,300)

image.gif

下面是基础弹窗对象:

def show_dialog(self):
        self.dialog = Dialog()
        self.dialog.show()
        self.dialog.exec()

image.gif

此时我们在主窗口里添加基础弹窗按钮,实现信号和槽的对应关系:

self.btn = QPushButton(self)
self.btn.setText("弹出对话框")
self.btn.move(30,50)
self.btn.clicked.connect(self.show_dialog)

image.gif

效果如下:

image.gif 编辑

当点击的时候,弹出基础弹窗:

image.gif 编辑

2 消息对话框

消息对话框实现需要用到QMessageBox类,并按照下列代码进行方法的构造,创造槽函数。

def msg_dialog(self):
        reply = QMessageBox.information(self,'提示','我要在网上问问吗?',
                                        QMessageBox.StandardButton.Yes|QMessageBox.StandardButton.No,
                                        defaultButton=QMessageBox.StandardButton.No)
        if reply==QMessageBox.StandardButton.Yes:
            print("OK")

image.gif

接下来在主窗口里创建按钮,实现信号的触发,来调动这个槽函数。

self.btn2 = QPushButton(self)
self.btn2.setText("消息对话框")
self.btn2.move(230,50)
self.btn2.clicked.connect(self.msg_dialog)

image.gif

效果如下:

image.gif 编辑

3 输入对话框

输入对话框里你可以输入文字,也可以输入数字,也可以实现下拉列表,不过设计的槽函数如下:

#文本槽函数
    def text_dialog(self):
        text,ok = QInputDialog.getText(self,'文本测试','输入姓名:')
        if ok:
            self.te.setText(str(text))
    #下拉列表槽函数
    def item_dialog(self):
        items = ("PyQt基础","java高级教程","算法设计")
        item,ok = QInputDialog.getItem(self,"选项测试","课程列表",items,1,True)
        if ok and item:
            self.te.setText(item)
    #数字槽函数
    def int_dialog(self):
        num,ok = QInputDialog.getInt(self,"整数测试","输入成绩")
        if ok:
            self.te.setText(str(num))

image.gif

同样,在主窗体里添加信号触发按钮:

#文本输入框
        self.btnInput1 = QPushButton(self)
        self.btnInput1.setText("文本测试")
        self.btnInput1.move(30,120)
        self.btnInput1.clicked.connect(self.text_dialog)
        #选项输入框
        self.btnItem = QPushButton(self)
        self.btnItem.setText("选项测试")
        self.btnItem.move(130,120)
        self.btnItem.clicked.connect(self.item_dialog)
        # 整数输入框
        self.btnInt = QPushButton(self)
        self.btnInt.setText("整数测试")
        self.btnInt.move(230, 120)
        self.btnInt.clicked.connect(self.int_dialog)

image.gif

效果测试:

image.gif 编辑

4 清除按钮

实现清除很简单,只需要把输入框中的文字内容替换成空字符串就可以了,槽函数如下:

def cleanFun(self):
        currentContext = self.te.text()
        if currentContext != "":
            self.te.setText("")

image.gif

在页面面板中添加触发按钮,并简单的添加红色背景如下:

# 清除
        self.cleanBtn = QPushButton(self)
        self.cleanBtn.setText("清  除")
        self.cleanBtn.move(140, 260)
        self.cleanBtn.setStyleSheet("background-color:red;color:#FFF;font-size:18px")
        self.cleanBtn.clicked.connect(self.cleanFun)

image.gif

image.gif

相关文章
|
容器
Pyside6-第十三篇-布局(最后一章废话-理论篇)
Pyside6-第十三篇-布局(最后一章废话-理论篇)
1324 0
|
算法 API C++
【Qt UI】QT 窗口/控件置顶方法详解
【Qt UI】QT 窗口/控件置顶方法详解
1333 0
Pyside6-第四篇-QCheckBox复选框
Pyside6-第四篇-QCheckBox复选框
1456 0
Pyside6-第四篇-QCheckBox复选框
|
数据可视化 定位技术 Python
【100天精通Python】Day68:Python可视化_Matplotlib 绘制热力图,示例+代码
【100天精通Python】Day68:Python可视化_Matplotlib 绘制热力图,示例+代码
3472 0
Pyside6-第七篇-QLineEdit文本行编辑(内设案例)
Pyside6-第七篇-QLineEdit文本行编辑(内设案例)
1716 0
pyqt6 绘图案例
本文介绍了三个使用 PyQt6 绘制图形的案例:绘制奥运图片、绘制五角星和绘制时钟。每个案例都提供了详细的代码示例和效果图,帮助读者更好地理解和实现这些图形绘制功能。
379 1
|
9月前
|
Shell 开发者 Docker
Python文件打包:一站式指南
本文深入探讨Python文件打包的各种方法,从基础的zip和tar工具到高级的setuptools、PyInstaller、cx_Freeze等,涵盖Docker镜像、虚拟环境及自包含可执行文件的打包方式。通过示例代码与详细解析,帮助开发者根据项目需求选择合适的打包方案,提升代码分发与部署效率。内容全面,适合各水平读者学习参考。
1075 7
|
数据可视化 IDE 开发工具
【Python篇】PyQt5 超详细教程——由入门到精通(中篇二)
【Python篇】PyQt5 超详细教程——由入门到精通(中篇二)
1044 13
Qt6学习笔记五(自定义对话框、QMessageBox、QColorDialog、QFileDialog、QFontDialog)
Qt6学习笔记五(自定义对话框、QMessageBox、QColorDialog、QFileDialog、QFontDialog)
760 0
|
前端开发 数据可视化 搜索推荐
【100天精通python】Day37:GUI界面编程_PyQt 从入门到实战(上)_PyQt6基本组件、事件和信号槽、界面设计
【100天精通python】Day37:GUI界面编程_PyQt 从入门到实战(上)_PyQt6基本组件、事件和信号槽、界面设计
1547 1