
3.4 信号与槽关联
- 信号signal与slot 是Qt的核心机制。
- 如何为控件发射的信号指定对应的处理槽函数?
- 在窗口的UI设计中添加信号和槽
- 通过代码连接信号和槽
- 通过Eric的"生成对话框代码"的功能产生信号和槽
3.4.1 简单入门
1from PyQt5 import QtCore, QtGui, QtWidgets 2 3class Ui_Form(object): 4 def setupUi(self, Form): 5 Form.setObjectName("Form") 6 Form.resize(400, 300) 7 self.closeWinBtn = QtWidgets.QPushButton(Form) 8 self.closeWinBtn.setGeometry(QtCore.QRect(80, 120, 93, 28)) 9 self.closeWinBtn.setObjectName("closeWinBtn") 10 11 self.retranslateUi(Form) 12 self.closeWinBtn.clicked.connect(Form.close) 13 QtCore.QMetaObject.connectSlotsByName(Form) 14 15 def retranslateUi(self, Form): 16 _translate = QtCore.QCoreApplication.translate 17 Form.setWindowTitle(_translate("Form", "Form")) 18 self.closeWinBtn.setText(_translate("Form", "关闭窗口"))
1import sys 2from PyQt5 import QtWidgets,QtCore 3from untitled import * 4 5class myFirstSignalSlot(QtWidgets.QWidget, Ui_Form): 6 def __init__(self): 7 super().__init__() 8 self.setupUi(self) 9 10if __name__ == '__main__': 11 app = QtWidgets.QApplication(sys.argv) 12 myWin = myFirstSignalSlot() 13 myWin.show() 14 sys.exit(app.exec_())
3.4.2 快速进阶
- 新手的两大困惑
- PyQt默认有哪些信号与槽 操作使用Qt Designer右下角的signal/slot编辑
- 如何使用这些信号与槽 操作将有信号与槽的ui文件编译为py文件后,自行查看文件
- 使用Eric6生成信号和槽
- 切换到Eric 的窗体选项卡
- 单击右键选择编译窗体,生成py文件
- 再去右键,选择"生成对话框代码",弹出窗体代码生成器
- 在窗体代码生成器中,点击新建
- 然后选择相应的信号发射
- 进行代码的改写
1from PyQt5 import QtCore, QtGui, QtWidgets 2 3class Ui_Form(object): 4 def setupUi(self, Form): 5 Form.setObjectName("Form") 6 Form.resize(400, 300) 7 self.closeWinBtn = QtWidgets.QPushButton(Form) 8 self.closeWinBtn.setGeometry(QtCore.QRect(120, 120, 93, 28)) 9 self.closeWinBtn.setObjectName("closeWinBtn") 10 11 self.retranslateUi(Form) 12 QtCore.QMetaObject.connectSlotsByName(Form) 13 14 def retranslateUi(self, Form): 15 _translate = QtCore.QCoreApplication.translate 16 Form.setWindowTitle(_translate("Form", "Form")) 17 self.closeWinBtn.setText(_translate("Form", "关闭窗口")) 18
1from PyQt5.QtCore import pyqtSlot 2from PyQt5.QtWidgets import QWidget, QApplication 3 4from Ui_Eric002 import Ui_Form 5 6 7class Form(QWidget, Ui_Form): 8 """ 9 Class documentation goes here. 10 """ 11 def __init__(self, parent=None): 12 """ 13 Constructor 14 15 @param parent reference to the parent widget 16 @type QWidget 17 """ 18 super(Form, self).__init__(parent) 19 self.setupUi(self) 20 21 @pyqtSlot() 22 def on_closeWinBtn_clicked(self): 23 """ 24 Slot documentation goes here. 25 """ 26 # TODO: not implemented yet 27 self.close() 28 29if __name__ == '__main__': 30 import sys 31 app = QApplication(sys.argv) 32 myWin = Form() 33 myWin.show() 34 sys.exit(app.exec_())
3.5 菜单栏与工具栏
3.5.1 界面设计
MainWindow即为主窗口,主要包含菜单栏。工具栏、任务栏
- 对于一级菜单 可以使用&F来添加菜单的快捷键
- 子菜单可以使用Qt Designer右下角的动作编辑器或者属性编辑器中的Shortcut来添加快捷键
- 右键窗体,可以选择添加工具栏
- 可以在属性编辑器中新建addWinAction来添加动作
- 可以在动作编辑器中建立工具栏的图标等,然后拖入进工具栏
- 将ui文件转换为py文件
- 测试用例
3.5.2 测试效果
1from PyQt5 import QtCore, QtGui, QtWidgets 2 3class Ui_MainWindow(object): 4 def setupUi(self, MainWindow): 5 MainWindow.setObjectName("MainWindow") 6 MainWindow.resize(800, 600) 7 self.centralwidget = QtWidgets.QWidget(MainWindow) 8 self.centralwidget.setObjectName("centralwidget") 9 MainWindow.setCentralWidget(self.centralwidget) 10 self.menubar = QtWidgets.QMenuBar(MainWindow) 11 self.menubar.setGeometry(QtCore.QRect(0, 0, 800, 26)) 12 self.menubar.setObjectName("menubar") 13 self.menu_F = QtWidgets.QMenu(self.menubar) 14 self.menu_F.setObjectName("menu_F") 15 self.menu_E = QtWidgets.QMenu(self.menubar) 16 self.menu_E.setObjectName("menu_E") 17 MainWindow.setMenuBar(self.menubar) 18 self.statusbar = QtWidgets.QStatusBar(MainWindow) 19 self.statusbar.setObjectName("statusbar") 20 MainWindow.setStatusBar(self.statusbar) 21 self.toolBar = QtWidgets.QToolBar(MainWindow) 22 self.toolBar.setObjectName("toolBar") 23 MainWindow.addToolBar(QtCore.Qt.TopToolBarArea, self.toolBar) 24 MainWindow.insertToolBarBreak(self.toolBar) 25 self.actionOpen = QtWidgets.QAction(MainWindow) 26 self.actionOpen.setObjectName("actionOpen") 27 self.actionNew = QtWidgets.QAction(MainWindow) 28 self.actionNew.setObjectName("actionNew") 29 self.actionClose = QtWidgets.QAction(MainWindow) 30 self.actionClose.setObjectName("actionClose") 31 self.addWinAction = QtWidgets.QAction(MainWindow) 32 self.addWinAction.setObjectName("addWinAction") 33 self.menu_F.addAction(self.actionOpen) 34 self.menu_F.addAction(self.actionNew) 35 self.menu_F.addAction(self.actionClose) 36 self.menubar.addAction(self.menu_F.menuAction()) 37 self.menubar.addAction(self.menu_E.menuAction()) 38 self.toolBar.addAction(self.addWinAction) 39 40 self.retranslateUi(MainWindow) 41 QtCore.QMetaObject.connectSlotsByName(MainWindow) 42 43 def retranslateUi(self, MainWindow): 44 _translate = QtCore.QCoreApplication.translate 45 MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow")) 46 self.menu_F.setTitle(_translate("MainWindow", "文件(&F)")) 47 self.menu_E.setTitle(_translate("MainWindow", "编辑(&E)")) 48 self.toolBar.setWindowTitle(_translate("MainWindow", "toolBar")) 49 self.actionOpen.setText(_translate("MainWindow", "Open")) 50 self.actionOpen.setShortcut(_translate("MainWindow", "Ctrl+O")) 51 self.actionNew.setText(_translate("MainWindow", "New")) 52 self.actionClose.setText(_translate("MainWindow", "Close")) 53 self.addWinAction.setText(_translate("MainWindow", "添加窗体")) 54 self.addWinAction.setToolTip(_translate("MainWindow", "添加窗体")) 55
1 2from PyQt5.QtCore import pyqtSlot 3from PyQt5.QtWidgets import QMainWindow, QApplication, QFileDialog 4 5from Ui_main import Ui_MainWindow 6 7 8class MainWindow(QMainWindow, Ui_MainWindow): 9 """ 10 Class documentation goes here. 11 """ 12 def __init__(self, parent=None): 13 """ 14 Constructor 15 16 @param parent reference to the parent widget 17 @type QWidget 18 """ 19 super(MainWindow, self).__init__(parent) 20 self.setupUi(self) 21 22 @pyqtSlot() 23 def on_actionOpen_triggered(self): 24 """ 25 Slot documentation goes here. 26 """ 27 # TODO: not implemented yet 28 file, ok = QFileDialog.getOpenFileName(self, "打开", "D:/", "All Files(*);;Text Files(*.txt)") 29 self.statusbar.showMessage(file) 30 31 32if __name__ == "__main__": 33 import sys 34 app = QApplication(sys.argv) 35 myWin = MainWindow() 36 myWin.show() 37 sys.exit(app.exec_())
3.5.3 应用:加载其他窗口
概念在当前窗口中嵌入另一个窗口
1from PyQt5 import QtCore, QtGui, QtWidgets 2 3class Ui_Form(object): 4 def setupUi(self, Form): 5 Form.setObjectName("Form") 6 Form.resize(400, 300) 7 self.textEdit = QtWidgets.QTextEdit(Form) 8 self.textEdit.setGeometry(QtCore.QRect(30, 30, 231, 161)) 9 self.textEdit.setObjectName("textEdit") 10 11 self.retranslateUi(Form) 12 QtCore.QMetaObject.connectSlotsByName(Form) 13 14 def retranslateUi(self, Form): 15 _translate = QtCore.QCoreApplication.translate 16 Form.setWindowTitle(_translate("Form", "Form")) 17 self.textEdit.setHtml(_translate("Form", "<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0//EN\" \"http://www.w3.org/TR/REC-html40/strict.dtd\">\n" 18"<html><head><meta name=\"qrichtext\" content=\"1\" /><style type=\"text/css\">\n" 19"p, li { white-space: pre-wrap; }\n" 20"</style></head><body style=\" font-family:\'SimSun\'; font-size:9pt; font-weight:400; font-style:normal;\">\n" 21"<p style=\" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;\">我是子窗体的内容</p>\n" 22"<p style=\"-qt-paragraph-type:empty; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px;\"><br /></p></body></html>")) 23
1from PyQt5 import QtCore, QtGui, QtWidgets 2 3class Ui_MainWindow(object): 4 def setupUi(self, MainWindow): 5 MainWindow.setObjectName("MainWindow") 6 MainWindow.resize(800, 600) 7 self.centralwidget = QtWidgets.QWidget(MainWindow) 8 self.centralwidget.setObjectName("centralwidget") 9 self.gridLayoutWidget = QtWidgets.QWidget(self.centralwidget) 10 self.gridLayoutWidget.setGeometry(QtCore.QRect(109, 49, 351, 311)) 11 self.gridLayoutWidget.setObjectName("gridLayoutWidget") 12 self.gridLayout = QtWidgets.QGridLayout(self.gridLayoutWidget) 13 self.gridLayout.setContentsMargins(0, 0, 0, 0) 14 self.gridLayout.setObjectName("gridLayout") 15 MainWindow.setCentralWidget(self.centralwidget) 16 self.menubar = QtWidgets.QMenuBar(MainWindow) 17 self.menubar.setGeometry(QtCore.QRect(0, 0, 800, 26)) 18 self.menubar.setObjectName("menubar") 19 self.menu = QtWidgets.QMenu(self.menubar) 20 self.menu.setObjectName("menu") 21 self.menu_2 = QtWidgets.QMenu(self.menubar) 22 self.menu_2.setObjectName("menu_2") 23 MainWindow.setMenuBar(self.menubar) 24 self.statusbar = QtWidgets.QStatusBar(MainWindow) 25 self.statusbar.setObjectName("statusbar") 26 MainWindow.setStatusBar(self.statusbar) 27 self.toolBar = QtWidgets.QToolBar(MainWindow) 28 self.toolBar.setObjectName("toolBar") 29 MainWindow.addToolBar(QtCore.Qt.TopToolBarArea, self.toolBar) 30 self.AddSubAction = QtWidgets.QAction(MainWindow) 31 self.AddSubAction.setObjectName("AddSubAction") 32 self.menubar.addAction(self.menu.menuAction()) 33 self.menubar.addAction(self.menu_2.menuAction()) 34 self.toolBar.addAction(self.AddSubAction) 35 36 self.retranslateUi(MainWindow) 37 QtCore.QMetaObject.connectSlotsByName(MainWindow) 38 39 def retranslateUi(self, MainWindow): 40 _translate = QtCore.QCoreApplication.translate 41 MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow")) 42 self.menu.setTitle(_translate("MainWindow", "文件")) 43 self.menu_2.setTitle(_translate("MainWindow", "编辑")) 44 self.toolBar.setWindowTitle(_translate("MainWindow", "toolBar")) 45 self.AddSubAction.setText(_translate("MainWindow", "添加子窗体")) 46 self.AddSubAction.setToolTip(_translate("MainWindow", "添加子窗体")) 47
1from PyQt5.QtCore import pyqtSlot 2from PyQt5.QtWidgets import QMainWindow, QApplication, QWidget 3 4from Ui_MainWidget import Ui_MainWindow 5from Ui_subWidget import Ui_Form 6class ChildForm(QWidget, Ui_Form): 7 def __init__(self): 8 super().__init__() 9 self.setupUi(self) 10 11class MainWindow(QMainWindow, Ui_MainWindow): 12 """ 13 Class documentation goes here. 14 """ 15 def __init__(self, parent=None): 16 """ 17 Constructor 18 19 @param parent reference to the parent widget 20 @type QWidget 21 """ 22 super(MainWindow, self).__init__(parent) 23 self.setupUi(self) 24 self.child = ChildForm() 25 26 @pyqtSlot() 27 def on_AddSubAction_triggered(self): 28 """ 29 Slot documentation goes here. 30 """ 31 # TODO: not implemented yet 32 self.gridLayout.addWidget(self.child) 33 self.child.show() 34 35 36 37if __name__ == "__main__": 38 import sys 39 app = QApplication(sys.argv) 40 Form = MainWindow() 41 Form.show() 42 sys.exit(app.exec_()) 43
3.6 打包资源文件
使用PyQt5生成的应用程序引用图片资源的两大主要方法
-
将资源文件转换为python文件,然后引用python文件 注意Qt Designer中不能直接加入图片图标资源,而是需要编写.qrc文件
- 手动新建apprc.qrc文件 <rcc version="1.0"> <qresource>
- 在Eric中创建资源文件
- 切换到资源选项卡
- 新建资源
- 在程序中通过相对路径引用外部的图片资源
3.6.1 使用Qt Designer 加载资源文件
- 新建一个资源文件.qrc
- 打开Qt Designer 创建一个普通的窗体
- 进入资源浏览器,打开资源编辑界面
- 创建前缀是pic的图片文件,加载文件路径
- 使用文本打开qrc文件,发现是XML文件包含了加载进去的图片资源的路径
3.6.2 在窗体中使用资源文件
- 使用Qt Designer在窗体中放置控件
- 更改控件的Pixmap值为资源文件
- 将ui文件转换为py文件
1from PyQt5 import QtCore, QtGui, QtWidgets 2 3class Ui_Form(object): 4 def setupUi(self, Form): 5 Form.setObjectName("Form") 6 Form.resize(400, 300) 7 self.label = QtWidgets.QLabel(Form) 8 self.label.setGeometry(QtCore.QRect(50, 90, 291, 141)) 9 self.label.setText("") 10 self.label.setPixmap(QtGui.QPixmap(":/pic/PyQt5/Chapter03/images/cartoon1.ico")) 11 self.label.setObjectName("label") 12 13 self.retranslateUi(Form) 14 QtCore.QMetaObject.connectSlotsByName(Form) 15 16 def retranslateUi(self, Form): 17 _translate = QtCore.QCoreApplication.translate 18 Form.setWindowTitle(_translate("Form", "Form")) 19 20import apprcc_rc 21
3.6.3 转换资源文件为python文件
- 使用命令pyrcc5 -o pyfile.py rcc.qrc
- 转换后的py文件中可以看出该文件已经使用了QtCore.qRegisterResourceData 进行了资源的初始化注册,可以直接引用该文件了
注意资源文件的路径问题
- Qt Designer使用图片资源时,会在资源的引用路径之前加上':'(冒号)
- 此时的资源路径 = qresource这个标签的前缀pic + 源资源文件的路径
第四章 PyQt5 基本窗口控件
目标学会如何部署和调整控件
4.1 QMainWindow
QMainWindow主窗口为用户提供一个应用程序框架,有自己的布局,可以在布局中添加控件,比如工具栏、菜单栏、状态栏
4.1.1 窗口类型介绍
- QMainWindow、Qwidget、QDialog三个类都是用来创建窗口的,可以直接使用,也可以继承之后再去使用
- QMainWindow包含菜单栏、工具栏、状态栏、标题栏。是最常见的窗口形式
- QDialog 是对话框窗口的基类。对话框主要用来执行短期任务,或者与用户进行交互,包括模态和非模态对话框两种,没有工具栏状态栏等
- 如果不确定是哪一种窗口类型,则可以选择普通窗口QWidget
4.1.2 创建主窗口
- QMainWindow就是一个顶层窗口,它可以包含很多界面元素,如菜单栏、工具栏、子窗口等
- QMainWindow中会有一个控件QWidget占位符来占据着整个中心窗口,可以使用setCentralWidget来设置中心窗口
- QMainWindow继承自QWidget类,拥有基类的所有方法和属性
- QMainWindow类中比较重要的方法如下
- addToolBar 添加工具栏
- centralWidget 返回窗口中心的一个控件,未设置时返回NULL
- menuBar 返回主窗口的菜单栏
- setCentralWidget 设置窗口中心的控件
- setStatusBar 设置状态栏
- statusBar 获得状态栏对象后,调用状态栏对象的showMessage(message,int timeout=0)方法,第一个参数是要显示的message,第二个参数默认是0,表示一直显示状态栏信息,单位是毫秒 5000表示停留在状态栏5s 注意QMainWindow不能设置布局(即使用setLayout()方法),因为它有自己的布局,不需要再去设置 案例4-1 创建主窗口
1import sys 2from PyQt5.QtWidgets import QMainWindow,QApplication 3from PyQt5.QtGui import QIcon 4 5class MainWindow(QMainWindow): 6 def __init__(self, parent=None): 7 super(MainWindow, self).__init__(parent) 8 self.resize(400, 200) 9 self.status = self.statusBar() 10 self.status.showMessage("这是状态栏提示", 5000) 11 self.setWindowTitle("PyQt MainWindow例子") 12 self.setWindowIcon(QIcon("images/cartoon1.ico")) 13if __name__ == '__main__': 14 app = QApplication(sys.argv) 15 myWin = MainWindow() 16 myWin.show() 17 sys.exit(app.exec_()) 18
4.1.3 将主窗口放在屏幕中间
1import sys 2from PyQt5.QtWidgets import QDesktopWidget, QApplication, QMainWindow 3 4class WinForm(QMainWindow): 5 def __init__(self): 6 super().__init__() 7 self.setWindowTitle("主窗口放在屏幕中间的例子") 8 # 设置当前窗口的大小 9 self.resize(370, 250) 10 self.center() 11 def center(self): 12 # 获取当前显示屏幕的大小 13 screen = QDesktopWidget().screenGeometry() 14 # 获取当前创建的窗口的大小 15 size = self.geometry() 16 # 将创建的窗口移动到显示屏幕的中间位置 17 self.move((screen.width() - size.width())/2, (screen.height() - size.height())/2) 18 19 20if __name__ == '__main__': 21 app = QApplication(sys.argv) 22 win = WinForm() 23 win.show() 24 sys.exit(app.exec_()) 25
4.1.4 关闭窗口
- 将按钮的关闭信号与自定义的槽函数关联起来,实现对当前实例化的应用程序的关闭操作
1import sys 2from PyQt5.QtWidgets import QMainWindow, QHBoxLayout, QPushButton, QApplication, QWidget 3 4class WinForm(QMainWindow): 5 def __init__(self): 6 super().__init__() 7 self.setWindowTitle("关闭主窗口的例子") 8 self.closeBtn = QPushButton('关闭主窗口') 9 self.closeBtn.clicked.connect(self.onBtnClick) 10 11 self.layout = QHBoxLayout() 12 self.layout.addWidget(self.closeBtn) 13 self.main_frame = QWidget() 14 self.main_frame.setLayout(self.layout) 15 self.setCentralWidget(self.main_frame) 16 # 以上的布局就是顶层窗口---中心控件窗口---布局管理器放置在中心控件上---按钮放置在布局管理器这个容器中 17 18 def onBtnClick(self): 19 # sender 是发送信号的对象 20 sender = self.sender() 21 print(sender.text()+'被按下了') 22 qApp = QApplication.instance() 23 qApp.quit() 24if __name__ == '__main__': 25 app = QApplication(sys.argv) 26 win = WinForm() 27 win.show() 28 sys.exit(app.exec_())
- 以上的布局就是顶层窗口---中心控件窗口---布局管理器放置在中心控件上---按钮放置在布局管理器这个容器中
- 在onBtnClick中获取QApplication的实例化对象,调用它的quit()函数来关闭窗口,在槽函数中还可以获取发送信号的对象,这里通过text()获取发送对象的显示名称
4.2 QWidget
- 基础窗口控件QWidget是所有用户界面对象的基类,所有窗口和控件都要直接或者间接继承自QWidget类
- 窗口控件(Widget)是在PyQt中建立界面的主要元素
- 没有嵌入到其他控件的控件称为窗口,一般窗口都有边框、标题栏、工具栏等
- 控件是指按钮、复选框。文本框等组成程序的基本元素
- 一个程序可以有多个窗口,一个窗口也可以有多个控件
4.2.1 窗口的坐标系统
- QWidget 直接提供的成员函数 x()/y()获取窗口左上角的坐标,width()/height()获取客户区的宽度和高度
- QWidget的geometry()提供的成员函数 x()/y()获取客户区的左上角的坐标,width()/heught()获取客户区的宽高
- QWidget的frameGeometry()提供的成员函数 x()/y()获取窗口左上角的坐标,width()/height()获取包含客户区、标题栏和边框在内的整个窗口的宽高 总结QWidget.geomotry()是客户区的位置大小;QWidget.frameGeomotry()是整个QWidget实例化窗口的位置大小
4.2.2 常用的几何结构
QWidget的两种常用的几何结构
-
不包含外边各种边框的几何结构(一般来说就是我们的客户区)
- 改变客户区的面积--其实就是一个矩形类的实例(QRect)
1QWidget.resize(width, height) 2QWidget.resize(Qsize) - 获取客户区的大小
QWidget.size() - 获取客户区的宽高
1QWidget.width() 2QWidget.height()- 设置客户区的宽高
1# 设置固定宽度 2QWidget.setFixedWidth(int width) 3# 设置固定高度 4QWidget.setFixedHeight(int height) 5# 设置固定宽高 6QWidget.setFixedSize(int width,int height) 7QWidget.seFixedSize(QSize size) 8# 设置宽高的同时还设置客户区的位置 9QWidget.setGeometry(int x,int y, int width, int height) 10QWidget.setGeometry(QRect rect) - 改变客户区的面积--其实就是一个矩形类的实例(QRect)
-
包含外边各种边框的几何结构
- 获取整个窗口的大小和位置
QWidget.frameGeometry()- 设置窗口的位置
1QWidget.move(int x, int y) 2QWidget.move(QPoint point)- 获取窗口的左上角的坐标---即窗口的位置坐标
QWidget.pos()----即左上角的x、y坐标
案例4-4 屏幕坐标系统的显示
1import sys 2from PyQt5.QtWidgets import QWidget, QApplication, QPushButton 3 4app = QApplication(sys.argv) 5widget = QWidget() 6btn = QPushButton(widget) 7btn.setText("我是按钮") 8# 以widget左上角为(0,0) 9btn.move(20, 40) 10widget.resize(300, 200) 11# 以屏幕的左上角为(0,0) 12widget.setWindowTitle('PyQt 坐标系统的显示案例') 13widget.show() 14# 获取窗口的左上角的坐标以及客户区的宽高 15print("QWidget:") 16print("w.x()=%d" % widget.x()) 17print("w.y()=%d" % widget.y()) 18print("w.width()=%d" % widget.width()) 19print("w.height()=%d" % widget.height()) 20# 获取客户区的左上角的坐标和客户区的宽高 21print("QWidget.geometry:") 22print("w.geometry().x()=%d" % widget.geometry().x()) 23print("w.geometry().y()=%d" % widget.geometry().y()) 24print("w.geometry().width()=%d" % widget.geometry().width()) 25print("w.geometry().height()=%d" % widget.geometry().height()) 26sys.exit(app.exec_()) 27
4.2.3 创建第一个PyQt5应用程序
案例4-5 建立一个主窗口
1import sys 2from PyQt5.QtWidgets import QWidget, QApplication 3 4app = QApplication(sys.argv) 5win = QWidget() 6win.resize(300, 200) 7win.move(250, 150) 8win.setWindowTitle('第一个应用程序APP') 9win.show() 10sys.exit(app.exec_())
解析
- 这两行代码用来载人必须的模块,GUI窗口控件基本都在PyQt5.QtWidgets中
1import sys 2from PyQt5.QtWidgets import QWidget, QApplication
- 每一个PyQt5程序都需要有一个QApplication对象,sys.argv 是一个命令行参数列表,比如py脚本在shell中执行等启动脚本的参数是不一样的
app = QApplication(sys.argv)
- QWidget控件是PyQt5中所有用户界面类的父类,第一行代码使用没有参数的构造函数,没有父类,我们称不嵌套在控件中的控件也就是_没有父类的控件为窗口_ 注意只有是窗口,才能设置窗口标题和大小,即后面两行代码才会生效
1win = QWidget() 2win.setWindowIcon() 3win.setWindowTitle('第一个应用程序APP')
- 使用resize()方法可以改变窗口的大小
win.resize(300, 200)
- 使用move()方法可以设置窗口初始化的位置(x,y)
win.move(250, 150)
- 使用show()方法将窗口控件显示在屏幕上
win.show()
- 消息循环最后进入到该程序的主循环,事件处理从本行代码开始,主循环接收事件消息并将其分发给程序的各个控件,只有调用exit()或者主控件被销毁,主循环才圆满结束。使用sys.exit()方法退出可以确保程序完整地执行结束,即运行成功,app.exec_()的返回值是0,否则返回值为非0
sys.exit(app.exec_())
4.2.4 为应用程序设置图标
图标下载链接 案例4-6 设置程序图标
1import sys 2from PyQt5.QtGui import QIcon 3from PyQt5.QtWidgets import QWidget, QApplication 4 5# 创建一个名为Icon的窗口类 继承自QWidget类 6class Icon(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.initUI() 10 11 def initUI(self): 12 self.setGeometry(300, 300, 250, 150) 13 self.setWindowTitle("程序图标") 14 self.setWindowIcon(QIcon("./images/cartoon1.ico")) 15 16if __name__ == '__main__': 17 app = QApplication(sys.argv) 18 ico = Icon() 19 ico.show() 20 sys.exit(app.exec_())
解析from PyQt5.QtGui import QIcon导入QIcon模块,同时使用self.setWindowIcon(QIcon("./images/cartoon1.ico"))方法设置程序的图标,参数是一个QIcon类型的对象
4.2.5 显示气泡提示信息
案例 在关键操作的控件上设置一个气泡提示
1import sys 2from PyQt5.QtGui import QFont 3from PyQt5.QtWidgets import QApplication, QWidget, QToolTip, QPushButton 4 5class winForm(QWidget): 6 def __init__(self): 7 super().__init__() 8 self.initUI() 9 10 def initUI(self): 11 QToolTip.setFont(QFont('宋体', 10)) 12 self.setToolTip('widget') 13 self.setGeometry(200, 300, 400, 400) 14 self.setWindowTitle("气泡提示demo") 15 btn = QPushButton(self) 16 btn.setText('我是按钮') 17 btn.setToolTip("这是一个<b>按钮</b>") 18 btn.resize(100, 100) 19 btn.move(20, 20) 20 21 22 23if __name__ == '__main__': 24 app = QApplication(sys.argv) 25 win = winForm() 26 win.show() 27 sys.exit(app.exec_()) 28
解析
- 通过此行代码设置气泡提示信息的字体与字号大小
QToolTip.setFont(QFont('宋体', 10))
- 创建工具提示,则需要调用setToolTip()方法,该方法接受富文本格式的参数
btn.setToolTip("这是一个<b>按钮</b>")
4.3 QLabel
- QLabel对象作为一个占位符可以显示不可编辑的文本或者图片
- 可以放置GIF动画,标记其他控件
- 纯文本。链接或者富文本可以显示在标签上 常用方法
- setAlignment 按照固定值方式对齐文本 如Qt.AlignLeft 水平方向靠左对齐
- setIndent 设置文本缩进
- setPixmap 设置QLabel为一个Pixmap图片资源
- text() 获取标签的文本内容
- setText() 设置QLabel的文本内容
- selectedText() 返回所选择的字符
- setBuddy() 设置QLabel的助记符以及Buddy伙伴,使用setBuddy(QWidget *)设置 buddy,其QLabel必须是文本内容,并且使用"&"符号设置了助记符 常用信号
- linkActivated 当标签中嵌入的超链接被单击时,在新窗口打开这个超链接,setOpenExternalLinks特性必须为True
- linkHovered 当鼠标悬停在这个标签的超链接上时,需要用槽函数与这个信号进行绑定 案例4-7 显示QLabel标签
1import sys 2from PyQt5.QtGui import QPixmap, QPalette 3from PyQt5.QtCore import Qt 4from PyQt5.QtWidgets import QApplication, QLabel, QWidget, QVBoxLayout 5 6class QLabelWin(QWidget): 7 def __init__(self): 8 super().__init__() 9 label1 = QLabel(self) 10 label2 = QLabel(self) 11 label3 = QLabel(self) 12 label4 = QLabel(self) 13 # 初始化标签控件 14 label1.setText("这是一个文本标签") 15 # 表示填充背景 16 label1.setAutoFillBackground(True) 17 # 调色板 18 palette = QPalette() 19 palette.setColor(QPalette.Window, Qt.blue) 20 label1.setPalette(palette) 21 label1.setAlignment(Qt.AlignCenter) 22 23 label2.setText("<a href='#'>欢迎使用Python GUI 应用</a>") 24 label3.setAlignment(Qt.AlignCenter) 25 label3.setToolTip('这是一个图片标签') 26 label3.setPixmap(QPixmap("./images/python.jpg")) 27 label4.setText("<a href='http://www.luffycity.com/'>欢迎访问路飞学城</a>") 28 label4.setAlignment(Qt.AlignRight) 29 label4.setToolTip("这是一个超链接标签") 30 # 在窗口布局中添加控件 31 vbox = QVBoxLayout() 32 vbox.addWidget(label1) 33 vbox.addStretch() 34 vbox.addWidget(label2) 35 vbox.addStretch() 36 vbox.addWidget(label3) 37 vbox.addStretch() 38 vbox.addWidget(label4) 39 # 允许标签label控件访问超链接 40 label2.setOpenExternalLinks(False) 41 # 打开允许访问超链接,默认是不允许,需要使用setOpenExternalLinks(True)允许浏览器访问超链接 42 label4.setOpenExternalLinks(True) 43 # 点击文本框绑定槽函数 44 label4.linkActivated.connect(link_clicked) 45 # 悬停在文本上绑定槽函数 46 label2.linkHovered.connect(link_hovered) 47 # 设置文本的交互形式是鼠标选择文本,使选择的文本处于选中状态 48 label1.setTextInteractionFlags(Qt.TextSelectableByMouse) 49 50 self.setLayout(vbox) 51 self.setWindowTitle("QLabel 例子") 52 53def link_clicked(): 54 print('当用鼠标点击label-4标签时,触发事件') 55 56def link_hovered(): 57 print('当鼠标悬停在label-2标签时,触发事件') 58 59 60 61if __name__ == '__main__': 62 app = QApplication(sys.argv) 63 win = QLabelWin() 64 win.show() 65 sys.exit(app.exec_())
解析
- 设置文本标签居中显示
label1.setAlignment(Qt.AlignCenter)
- 打开外部链接 提示打开允许访问超链接,默认是不允许,需要使用setOpenExternalLinks(True)允许浏览器访问超链接
1 label2.setOpenExternalLinks(False) 2# 打开允许访问超链接,默认是不允许,需要使用setOpenExternalLinks(True)允许浏览器访问超链接 3label4.setOpenExternalLinks(True) # 设置True 表示鼠标点击超链接后就会跳转到对应的URL 4# 点击label绑定槽函数 5label4.linkActivated.connect(link_clicked) 6# 悬停label绑定槽函数 7label2.linkHovered.connect(link_hovered)
案例4-8 QLabel标签的快捷键的使用
1import sys 2from PyQt5.QtWidgets import * 3 4class QLabelShortCut(QDialog): 5 def __init__(self): 6 super().__init__() 7 8 self.setWindowTitle("QLabel 快捷键的使用") 9 nameLb1 = QLabel('&Name') 10 nameEd1 = QLineEdit() 11 nameLb1.setBuddy(nameEd1) 12 13 nameLb2 = QLabel('&Password') 14 nameEd2 = QLineEdit() 15 nameLb2.setBuddy(nameEd2) 16 btnOk = QPushButton('&OK') 17 btnCancel = QPushButton('&Cancel') 18 mainLayout = QGridLayout(self) 19 mainLayout.addWidget(nameLb1, 0, 0) 20 # 表示nameLb1 在栅格的第一行第二列并且行占据一行,列占据两列 21 mainLayout.addWidget(nameEd1, 0, 1, 1, 2) 22 mainLayout.addWidget(nameLb2, 1, 0) 23 mainLayout.addWidget(nameEd2, 1, 1, 1, 2) 24 mainLayout.addWidget(btnOk, 2, 1) 25 mainLayout.addWidget(btnCancel, 2, 2) 26if __name__ == '__main__': 27 app = QApplication(sys.argv) 28 win = QLabelShortCut() 29 win.show() 30 sys.exit(app.exec_())
解析 在弹出的窗口中,按"ALT+N"快捷键可以切换到第一个文本框,因为设置了&Name首字母快捷键
1nameLb1 = QLabel('&Name') 2nameEd1 = QLineEdit() 3nameLb1.setBuddy(nameEd1)
4.4 文本框类控件
4.4.1 QLineEdit
单行文本控件,可以输入单行字符串,如果要输入多行,则需要使用QTextEdit类 常用方法
- setAlignment() 设置文本对齐方式
- clear() 清除文本框内容
- setEchoMode() 设置文本框显示格式
- QLineEdit.Normal 表示正常显示输入的字符,此为默认选项
- QLineEdit.NoEcho 表示不显示任何输入的内容,常用于密码类型的输入且保密密码的长度
- QLineEdit.Password 表示显示的是输入的掩码,用户保护密码
- QLineEdit.PasswordEchoOnEdit 表示在编辑时显示输入的字符,负责显示密码的输入----输入结束后显示为掩码
- setPlaceholderText() 设置文本框的浮动文字
- setMaxLength() 设置文本框所允许输入的最大字符数
- setReadOnly() 设置文本框为只读的
- setText() 设置文本框的内容
- Text() 获取文本框的内容
- setDragEnabled() 设置文本框是否允许拖拽
- selectAll() 全选
- setFocus() 获得焦点
- setInputMask() 设置输入掩码
- setValidator() 设置文本框的验证器
- QIntValidator 限制输入整数
- QDoubleValidator 限制输入浮点数
- QRegexpValidator 检查输入是否符合正则表达式 重点设置验证器中的正则检测是最常用的最实用的
- 掩码由掩码字符和分隔符字符串组成,后面可以跟一个分号和空白字符,空白字符在编辑后会从文本中删除
- 常见的几种掩码注意
- 000.000.000.000;_ IP地址,空白字符是"_"
- HH:HH:HH:HH:HH;_ MAC地址
- 0000:00:00 日期,空白字符是空格
-
AAAA-AAAA-AAAA-AAAA;# 许可证号,空白字符是"-",所有字母字符都要转换为大写 常用信号
- selectionChanged 只要选择改变了,这个信号就会被发射
- textChanged 只要文本内容被修改了,就会发射这个信号
- editingFinished 当编辑文本结束时,这个信号就会被发射出去
案例4-9 EchoMode的显示效果
1import sys 2from PyQt5.QtWidgets import QApplication, QLineEdit, QWidget, QFormLayout 3 4class lineEditEchoMode(QWidget): 5 def __init__(self): 6 super().__init__() 7 self.setWindowTitle("案例4-9 EchoMode的显示效果") 8 9 flo = QFormLayout() 10 pNormalLineEdit = QLineEdit() 11 pNoEchoLineEdit = QLineEdit() 12 pPasswordLineEdit = QLineEdit() 13 pPasswordEchoOnEditLineEdit = QLineEdit() 14 15 flo.addRow("Normal", pNormalLineEdit) 16 flo.addRow("NoEcho", pNoEchoLineEdit) 17 flo.addRow("Password", pPasswordLineEdit) 18 flo.addRow("PasswordOnEdit", pPasswordEchoOnEditLineEdit) 19 20 pNormalLineEdit.setPlaceholderText("Normal") 21 pNoEchoLineEdit.setPlaceholderText("NoEcho") 22 pPasswordLineEdit.setPlaceholderText("Password") 23 pPasswordEchoOnEditLineEdit.setPlaceholderText("PasswordEchoOnEdit") 24 25 # 设置显示效果 26 pNormalLineEdit.setEchoMode(QLineEdit.Normal) 27 pNoEchoLineEdit.setEchoMode(QLineEdit.NoEcho) 28 pPasswordLineEdit.setEchoMode(QLineEdit.Password) 29 pPasswordEchoOnEditLineEdit.setEchoMode(QLineEdit.PasswordEchoOnEdit) 30 31 self.setLayout(flo) 32 33 34if __name__ == '__main__': 35 app = QApplication(sys.argv) 36 win = lineEditEchoMode() 37 win.show() 38 sys.exit(app.exec_()) 39
案例4-10 验证器
1import sys 2from PyQt5.QtGui import QIntValidator, QDoubleValidator, QRegExpValidator 3from PyQt5.QtCore import QRegExp 4from PyQt5.QtWidgets import QApplication, QWidget, QFormLayout, QLineEdit 5 6class lineEditValidators(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("验证器demo") 10 11 flo = QFormLayout() 12 pIntLineEdit = QLineEdit() 13 pdoubleLineEdit = QLineEdit() 14 pRegexpLineEdit = QLineEdit() 15 16 flo.addRow("整型", pIntLineEdit) 17 flo.addRow("浮点型", pdoubleLineEdit) 18 flo.addRow("字符和数字", pRegexpLineEdit) 19 20 pIntLineEdit.setPlaceholderText("整型") 21 pdoubleLineEdit.setPlaceholderText("浮点型") 22 pRegexpLineEdit.setPlaceholderText("字母和数字") 23 24 # 整型 范围 [1, 99] 25 pIntValidator = QIntValidator(self) 26 pIntValidator.setRange(1,99) 27 28 # 浮点型 范围 【-360,360】 精度:小数点后两位 29 pDoubleValidator = QDoubleValidator(self) 30 pDoubleValidator.setRange(-360, 360) 31 # 设置标准符号 32 pDoubleValidator.setNotation(QDoubleValidator.StandardNotation) 33 pDoubleValidator.setDecimals(2) 34 35 # 子母和数字 36 reg = QRegExp("[a-zA-Z0-9]+$") 37 pRegexpValidator = QRegExpValidator(self) 38 pRegexpValidator.setRegExp(reg) 39 40 # 设置验证器 41 pIntLineEdit.setValidator(pIntValidator) 42 pdoubleLineEdit.setValidator(pDoubleValidator) 43 pRegexpLineEdit.setValidator(pRegexpValidator) 44 45 self.setLayout(flo) 46 47if __name__ == '__main__': 48 app = QApplication(sys.argv) 49 win = lineEditValidators() 50 win.show() 51 sys.exit(app.exec_())
案例4-11 输入掩码 _用途_要限制用户的输入,除了验证器,还可以使用掩码,常见的有IP地址日期等
1import sys 2from PyQt5.QtWidgets import QLineEdit, QApplication, QWidget, QFormLayout 3 4 5class lineEditMask(QWidget): 6 def __init__(self): 7 super().__init__() 8 self.setWindowTitle('QLineEdit 的输入掩码的例子') 9 10 flo = QFormLayout() 11 pIPLineEdit = QLineEdit() 12 pMACLineEdit = QLineEdit() 13 pDateLineEdit = QLineEdit() 14 pLicenseLineEdit = QLineEdit() 15 16 pIPLineEdit.setInputMask("000.000.000.000;_") 17 pMACLineEdit.setInputMask("HH:HH:HH:HH:HH:HH;_") 18 pDateLineEdit.setInputMask("0000.00.00") 19 pLicenseLineEdit.setInputMask(">AAAAA-AAAAA-AAAAA-AAAAA-AAAAA;#") 20 flo.addRow("IP掩码", pIPLineEdit) 21 flo.addRow("MAC掩码", pMACLineEdit) 22 flo.addRow("日期掩码", pDateLineEdit) 23 flo.addRow("许可证掩码", pLicenseLineEdit) 24 25 self.setLayout(flo) 26 27if __name__ == '__main__': 28 app = QApplication(sys.argv) 29 win = lineEditMask() 30 win.show() 31 sys.exit(app.exec_())
案例4-12 QLineEdit的综合示例
1import sys 2from PyQt5.QtWidgets import QWidget, QApplication, QLineEdit, QFormLayout 3from PyQt5.QtGui import QIntValidator, QDoubleValidator, QRegExpValidator, QFont 4from PyQt5.QtCore import QRegExp, Qt 5 6class lineEditComprehensive(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("QLineEdit的综合案例") 10 el = QLineEdit() 11 el.setValidator(QIntValidator()) 12 el.setMaxLength(4) 13 el.setAlignment(Qt.AlignRight) 14 el.setFont(QFont('Arial', 20)) 15 e2 = QLineEdit() 16 e2.setValidator(QDoubleValidator(0.99, 99.99, 2)) 17 flo = QFormLayout() 18 flo.addRow("integer validator", el) 19 flo.addRow("Double validator", e2) 20 e3 = QLineEdit() 21 e3.setInputMask('+99_9999_999999') 22 flo.addRow("Input Mask", e3) 23 e4 = QLineEdit() 24 e4.textChanged.connect(self.textchanged) 25 flo.addRow("Text changed", e4) 26 e5 = QLineEdit() 27 e5.setEchoMode(QLineEdit.Password) 28 # 编辑结束时也就是回车键被按下时,因为只有回车键按下,编辑的修改才会生效 29 e5.editingFinished.connect(self.enterPress) 30 flo.addRow("Password", e5) 31 e6 = QLineEdit("Hello PyQt5") 32 e6.setReadOnly(True) 33 flo.addRow("Read Only", e6) 34 self.setLayout(flo) 35 def textchanged(self, text): 36 print("输入内容为:" + text) 37 38 def enterPress(self): 39 print("密码输入完毕") 40 41if __name__ == '__main__': 42 app = QApplication(sys.argv) 43 win = lineEditComprehensive() 44 win.show() 45 sys.exit(app.exec_())
解析
- e1 显示文本的自定义字体,右对齐,只允许输入整数
- e2 限制输入小数点后两位
- e3 需要一个输入掩码应用于电话号码
- e4 需要发射信号textchanged 链接到槽函数 textchanged()
- e5 设置显示模式EchoMode为密码输入Password
- e6 显示一个默认的文本,不能编辑为只读模式
4.4.2 QTextEdit
QTextEdit类是一个多行文本框控件,可以显示多行文本的内容,当文本内容超过控件显示范围时,可以显示滚动条, 记住QTextEdit不仅可以显示文本还可以显示HTML文档 常见方法
- setPlainText() 设置多行文本框的内容
- toPlainText() 获取多行文本框的内容
- setHtml() 设置文本框内容HTML文档
- toHtml() 获取多行文本框内的HTML文档
- clear() 清除多行文本框的内容
案例4-13 QTextEdit的使用
1import sys 2from PyQt5.QtWidgets import QApplication, QTextEdit, QWidget, QVBoxLayout, QPushButton 3 4class textEditDemo(QWidget): 5 def __init__(self): 6 super().__init__() 7 self.setWindowTitle("案例4-13 QTextEdit的使用") 8 self.resize(300, 270) 9 self.textEdit = QTextEdit() 10 self.btnText = QPushButton("显示文本") 11 self.btnHTML = QPushButton("显示HTML") 12 layout = QVBoxLayout() 13 layout.addWidget(self.textEdit) 14 layout.addWidget(self.btnText) 15 layout.addWidget(self.btnHTML) 16 self.setLayout(layout) 17 self.btnText.clicked.connect(self.btnText_Clicked) 18 self.btnHTML.clicked.connect(self.btnHTML_Clicked) 19 20 def btnText_Clicked(self): 21 self.textEdit.setPlainText("Hello PyQt5!\n单击按钮") 22 23 def btnHTML_Clicked(self): 24 self.textEdit.setHtml("<font color='red' size='6'><red>Hello PyQt5!\n单击按钮</font>") 25 26if __name__ == '__main__': 27 app = QApplication(sys.argv) 28 win = textEditDemo() 29 win.show() 30 sys.exit(app.exec_())
4.5 按钮类控件
4.5.1 QAbstractButton
概念QAbstractButton类是抽象类,不能实例化,是所有其他按钮类的父类,自定义按钮类也必须要继承该类并实现想要的功能 基类的状态
- isDown() 提示按钮是否被按下
- isChecked() 提示按钮是否已经被标记
- isEnable() 提示按钮是否可以被用户点击
- ischeckAble() 提示按钮是否可以被标记
- setAutoRepeat() 设置按钮是否在用户长按时可以自动重复执行槽函数 基类的信号
- Pressed() 当鼠标指针在按钮上左键按下时发射信号
- Released() 当鼠标左键被释放时发射该信号
- Clicked() 当鼠标左键被按下然后释放时或者快捷键被释放时发射该信号
- Toggled() 当按钮的标记发生开关式切换时发射该信号
4.5.2 QPushButton
QPushButton 类继承QAbstractButton类,形状为矩形可以显示文本标题或者图标,同时也是一个命令按钮,可以执行一些命令或者响应一些事件,常见的有确认、申请、取消、关闭等
- QPushButton类中的常见方法
- setCheckable() 设置按钮是否已经被选中,是为True,反之False
- toggle() 切换按钮的状态
- setIcon() 设置按钮上的图标
- setEnabled() 设置按钮是否可以使用
- isChecked() 返回按钮的状态
- setDefault() 设置按钮的默认状态
- setText() 设置按钮的显示文本
- text() 返回按钮的显示文本
- 为QPushButton设置快捷键
1self.button = QPushButton("&Down") 2self.button.setDefault(True)
小知识点要想单纯显示&符号就需要使用"&&",可以类比转义字符 案例4-14 QPushButton按钮的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtGui import * 4from PyQt5.QtCore import * 5 6class pushButtonDemo(QDialog): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-14 QPushButton按钮的使用") 10 layout = QVBoxLayout() 11 self.btn = QPushButton("Button1") 12 self.btn.setCheckable(True) 13 self.btn.toggle() 14 # 使用lambda匿名函数来表示槽函数名---此时我们看到就可以传递我们想要传递的参数了 15 self.btn.clicked.connect(lambda:self.wicthBtn(self.btn)) 16 # 直接使用函数名 17 self.btn.clicked.connect(self.btnState) 18 layout.addWidget(self.btn) 19 20 self.btnImage = QPushButton("image") 21 # 将非ico图标利用像素映射转换为ico类型支持的图片资源 22 self.btnImage.setIcon(QIcon(QPixmap("./images/python.png"))) 23 self.btnImage.clicked.connect(lambda: self.wicthBtn(self.btnImage)) 24 self.btnImage.clicked.connect(self.btnState) 25 layout.addWidget(self.btnImage) 26 27 self.btnDisabled = QPushButton("Disabled") 28 self.btnDisabled.setEnabled(False) 29 layout.addWidget(self.btnDisabled) 30 31 self.btnShortCut = QPushButton("&Download") 32 self.btnShortCut.setDefault(True) 33 self.btnShortCut.clicked.connect(lambda: self.wicthBtn(self.btnShortCut)) 34 self.btnShortCut.clicked.connect(self.btnState) 35 layout.addWidget(self.btnShortCut) 36 self.setLayout(layout) 37 38 def btnState(self): 39 if self.btn.isChecked(): 40 print('button pressed') 41 else: 42 print('button released') 43 def wicthBtn(self, btn): 44 print("clicked button is: " + btn.text()) 45if __name__ == '__main__': 46 app = QApplication(sys.argv) 47 win = pushButtonDemo() 48 win.show() 49 sys.exit(app.exec_())
解析
- 使用_lambda匿名函数_的方式可以传递额外的参数 btn
self.btn.clicked.connect(lambda:self.wicthBtn(self.btn))
- setIcon()使用QPixmap对象传递一个图像文件作为参数并将结果转换成QIcon的ico文件的路径
self.btnImage.setIcon(QIcon(QPixmap("./images/python.png")))
4.5.3 QRadioButton
当将单选按钮切换到on或者off时,就会发送toggle信号,绑定这个信号,在按钮状态发生改变时就会触发相应的行为 常用方法
- setCheckedable() 设置按钮的是否被选中的状态
- isChecked() 返回按钮的状态
- setText() 设置按钮的显示文本
- text() 获取显示文本 经验之谈 其实toggle信号是在切换单选状态时发射的,而chicked的信号是在每次点击时触发的,在实际开发中,一般只有状态的改变才有必要去响应,因此toggle信号更适合用于QRadioButton的状态监控 案例4-15 QRadioButton按钮的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class Radiodemo(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-15 QRadioButton按钮的使用") 10 layout = QHBoxLayout() 11 self.btn1 = QRadioButton("Button1") 12 self.btn1.setChecked(True) 13 self.btn1.toggled.connect(lambda: self.btnState(self.btn1)) 14 layout.addWidget(self.btn1) 15 16 self.btn2 = QRadioButton("Button2") 17 self.btn2.toggled.connect(lambda: self.btnState(self.btn2)) 18 layout.addWidget(self.btn2) 19 self.setLayout(layout) 20 21 def btnState(self, btn): 22 if btn.text() == "Button1": 23 if btn.isChecked() == True: 24 print(btn.text() + "is selected") 25 else: 26 print(btn.text() + "is deselected") 27 if btn.text() == "Button2": 28 if btn.isChecked() == True: 29 print(btn.text() + "is selected") 30 else: 31 print(btn.text() + "is deselected") 32 33if __name__ == '__main__': 34 app = QApplication(sys.argv) 35 radioDemo = Radiodemo() 36 radioDemo.show() 37 sys.exit(app.exec_())
解析
- 在这个例子中,两个互斥的单选按钮被放置在窗口中,当选择按钮时按钮状态发生改变,将触发toggle信号,从而调用槽函数
1self.btn1.toggled.connect(lambda: self.btnState(self.btn1)) 2self.btn2.toggled.connect(lambda: self.btnState(self.btn2))
当触发toggle信号后,使用btnState函数来检查按钮的状态
4.5.4 QCheckBox
- 用户可以选择多个选项,和QPusheButton一样,复选框可以显示文本或者图标,其中文本可以通过构造函数或者setText()来设置,图标可以通过setIcon()来设置
- 在视觉上,QButtonGroup/QGroupBox可以把许多复选框组织在一起
- QCheckBox在选中和取消选中时,都会发射一个
stateChangeed信号,如果想在复选框状态发生改变时触发相应的行为,就连接该信号 - 可以使用isChecked() 来查询复选框是否被选中
- 除了常用的选中和未选中两种状态,QCheckBox还有第三种状态(半选中), 来表明"没有变化"
- 如果要使用第三种状态,则可以通过setTriState()来使它生效。并使用checkState()来查询当前的切换状态 常用方法
- setChecked() 设置复选框的状态
- setText() 设置复选框的显示文本
- text() 获取复选框的显示文本
- isChecked() 检查复选框是否被选中
- setTriState() 设置复选框为三态复选框--其中一状态是半选中
- checkState() 检查复选框的状态 三态复选框的状态
- Qt.Checked 组件被选中
- Qt.PartiallyChecked 组件被半选中
- Qt.Unchecked 组件未被选中 案例4-16 QCheckBox 按钮的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class CheckBoxDemo(QWidget): 7 def __init__(self): 8 super().__init__() 9 groupBox = QGroupBox("Checkboxes") 10 # 除去边框,使其与背景色融为一体 11 groupBox.setFlat(True) 12 layout = QHBoxLayout() 13 self.checkBox1 = QCheckBox("&CheckBox1") 14 self.checkBox1.setChecked(True) 15 self.checkBox1.stateChanged.connect(lambda:self.btnState(self.checkBox1)) 16 layout.addWidget(self.checkBox1) 17 18 self.checkBox2 = QCheckBox("checkBox2") 19 self.checkBox2.stateChanged.connect(lambda: self.btnState(self.checkBox2)) 20 layout.addWidget(self.checkBox2) 21 22 self.checkBox3 = QCheckBox("checkBox3") 23 # 使用三态复选框 24 self.checkBox3.setTristate(True) 25 # 设置选中状态为半选中 26 self.checkBox3.setCheckState(Qt.PartiallyChecked) 27 self.checkBox3.stateChanged.connect(lambda: self.btnState(self.checkBox3)) 28 layout.addWidget(self.checkBox3) 29 30 groupBox.setLayout(layout) 31 32 mainLayout = QVBoxLayout() 33 mainLayout.addWidget(groupBox) 34 self.setLayout(mainLayout) 35 36 self.setWindowTitle("案例4-16 QCheckBox 按钮的使用") 37 38 def btnState(self, btn): 39 chk1State = btn.text()+", is checked="+\ 40 str(btn.isChecked())+", checkState="+\ 41 str(btn.checkState())+"\n" 42 43 print(chk1State) 44 45if __name__ == '__main__': 46 app = QApplication(sys.argv) 47 win = CheckBoxDemo() 48 win.show() 49 sys.exit(app.exec_())
_注意_三态复选框中的isChecked()获取的选中状态中半选中状态也是True,归于选中的那一方(毕竟未选中是向选中状态进行过渡) 解析
- 在这个例子中,将三个复选框添加到一个水平布局管理器中,并添加到一个QGroupBox组中
1groupBox = QGroupBox("Checkboxes") 2# 除去边框,使其与背景色融为一体 3groupBox.setFlat(True)
- 将复选框的stateChanged信号都链接到槽函数stateChanged()使用lambda匿名函数的方式将对象传递给槽函数
1def btnState(self, btn): 2 chk1State = btn.text()+", is checked="+\ 3 str(btn.isChecked())+", checkState="+\ 4 str(btn.checkState())+"\n" 5 6 print(chk1State)
- 实例化一个QCheckBox类对象checkBox3,然后使用setTristate()开启三态模式
1 self.checkBox3 = QCheckBox("checkBox3") 2 # 使用三态复选框 3 self.checkBox3.setTristate(True) 4 # 设置选中状态为半选中 5 self.checkBox3.setCheckState(Qt.PartiallyChecked) 6 self.checkBox3.stateChanged.connect(lambda: self.btnState(self.checkBox3)) 7 layout.addWidget(self.checkBox3)
4.6 QComboBox(下拉列表框)
- QComboBox是一个集按钮和下拉选项于一体的控件,也被称为下拉列表框
- QComboBox常用的方法
- addItem() 添加一个下拉选项
- addItems() 从列表中添加下拉选项
- Clear() 删除下拉选项集合中的所有选项
- count() 返回下拉选项中的所有数据的统计
- currentText() 返回当前选中项的文本
- itemText(i) 获取索引为i的选项的文本
- currentIndex() 返回当前选中项的索引
- setItemText(int index, text)设置index对应的那个选项的文本内容
- QComboBox常用的信号
- Activated 当用户选中一个下拉选项时发射该信号
- currentIndexChanged 当下拉选项的索引发生变化时发射该信号
- highlighted 当选中一个已经被选中的下拉选项时,发射该信号
案例4-17 QComboBox下拉列表框的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class ComboxDemo(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-17 QComboBox下拉列表框的使用") 10 self.resize(300, 90) 11 layout = QVBoxLayout() 12 self.lb1 = QLabel("") 13 self.cb = QComboBox() 14 self.cb.addItem("C") 15 self.cb.addItem("C++") 16 self.cb.addItems(["Java", "C#", "Python"]) 17 self.cb.currentIndexChanged.connect(self.selectionOnchanged) 18 layout.addWidget(self.cb) 19 layout.addWidget(self.lb1) 20 21 self.setLayout(layout) 22 23 def selectionOnchanged(self, i): 24 self.lb1.setText(self.cb.currentText()) 25 print("Items in the list are: ") 26 for count in range(0, self.cb.count()): 27 print('item'+str(count)+'='+self.cb.itemText(count)) 28 print("Current index", i, "selection changed", self.cb.currentText()) 29 30 31if __name__ == '__main__': 32 app = QApplication(sys.argv) 33 win = ComboxDemo() 34 win.show() 35 sys.exit(app.exec_())
解析
- 添加下拉选项时可以使用单个添加还可以使用列表一次添加多个
1self.cb.addItem("C") 2self.cb.addItem("C++") 3self.cb.addItems(["Java", "C#", "Python"])
- 当下拉框的选项发生改变时就会发射currentIndexChanged这个信号并连接到自定义的那个槽函数中selectionOnchanged
self.cb.currentIndexChanged.connect(self.selectionOnchanged)
- 当选中下拉列表框中的一个选项时,将该选项中的文本设置为标签的文本
1# i是选中列表项的索引,可以不使用传参直接使用currentIndex获取 2def selectionOnchanged(self, i): 3 self.lb1.setText(self.cb.currentText())
4.7 QSpinBox(计数器)
- QSpinBox是一个计数器控件,允许用户选择还可以调节,也能手动输入
- 默认QSpinBox的取值是0-99,步长是1
- QSpinBox类和QDoubleSpinBox类均派生自QAbstractSpinBox类,前者用于处理整型数据,后者则是处理浮点型数据
- QDoubleSpinBox的默认精度是小数点后两位,但是可以通过setDecimals()来改变 常用的方法
- setMinimum() 设置计数器的下限也就是最小值
- setMaximum() 设置计数器的上限也就是最大值
- setRange() 设置计数器的最大值、最小值和步长值
- setValue() 设置计数器的当前值
- Value() 获取计数器的当前值
- singleStep() 设置计数器的步长值 常用的信号
- valueChanged() QSpinBox计数器在当前值被改变时就会发射该信号,可以在槽函数中通过value来获取计数器的当前值 案例4-18 QSpinBox计数器的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class spinDemo(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-18 QSpinBox计数器的使用") 10 self.resize(300, 100) 11 layout = QVBoxLayout() 12 self.lb1 = QLabel("current value:") 13 self.lb1.setAlignment(Qt.AlignCenter) 14 layout.addWidget(self.lb1) 15 16 self.sp = QSpinBox() 17 layout.addWidget(self.sp) 18 self.sp.valueChanged.connect(self.valueChanged) 19 20 self.setLayout(layout) 21 22 def valueChanged(self): 23 self.lb1.setText("current value :"+ str(self.sp.value())) 24 25if __name__ == '__main__': 26 app = QApplication(sys.argv) 27 win = spinDemo() 28 win.show() 29 sys.exit(app.exec_())
解析
- 将一个标签和计数器放在一个垂直布局管理器中并且居中显示,并且将信号 self.sp.valueChanged.connect(self.valueChanged)与自定义槽函数进行关联
1self.sp = QSpinBox() 2layout.addWidget(self.sp) 3self.sp.valueChanged.connect(self.valueChanged)
- valueChanged函数将计数器的当前值设置在标签文本中
1def valueChanged(self): 2 self.lb1.setText("current value :"+ str(self.sp.value()))
4.8 QSlider(滑动条)
- QSlider控件提供了允许用户水平或者垂直方向移动的滑块,并将滑块的位置转换为一个合法范围内的整数值 _本质_在槽函数中对滑块所在位置的处理就相当于是从一个整数范围内取值
- 可以在构造函数时控制滑块的显示方式
1self.slider = QSlider(Qt.Horizontal) # 水平方向的滑块 2self.slider = QSlider(Qt.Vertical) # 垂直方向的滑块
常用的方法
- setMinimum() 设置滑块的下限也就是最小值
- setMaximum() 设置滑块的上限也就是最大值
- setValue() 设置滑块的当前值
- Value() 获取滑块的当前值
- setTickInterval() 设置刻度的间隔值
- setSingleStep() 设置滑块递增/递减的步长值
- setTickPosition() 设置刻度标记的位置,可以输入一个枚举值,这个枚举值指定刻度线相对于滑块和用户操作的位置
- QSlider.NoTicks 不绘制任何刻度线
- QSlider.TicksBothSides 在滑块的两侧绘制刻度线
- QSlider.TicksAbove 在水平滑块上方绘制刻度线
- QSlider.TicksBelow 在水平滑块的下面绘制刻度线
- QSlider.TicksLeft 在垂直滑块的左边绘制刻度线
- QSlider.TicksRight 在垂直滑块的右边绘制刻度线 常用的信号
- valueChanged 当滑块的值发生变化时发射此信号,此信号是最常使用的
- sliderPressed 当用户按下滑块时触发该信号
- sliderMoved 当用户拖动滑块时发射此信号
- sliderReleased 当用户释放滑块时发射该信号 案例4-19 QSlider滑块的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class sliderDemo(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-19 QSlider滑块的使用") 10 self.resize(300, 100) 11 12 layout = QVBoxLayout() 13 self.lb1 = QLabel("Hello PyQt5") 14 self.lb1.setAlignment(Qt.AlignCenter) 15 layout.addWidget(self.lb1) 16 17 # 水平方向 18 self.s1 = QSlider(Qt.Horizontal) 19 # 设置最小值 20 self.s1.setMinimum(10) 21 # 设置最大值 22 self.s1.setMaximum(50) 23 # 设置步长 24 self.s1.setSingleStep(3) 25 # 设置当前值 26 self.s1.setValue(20) 27 # 刻度放置的位置,刻度在下方 28 self.s1.setTickPosition(QSlider.TicksBelow) 29 30 # 设置刻度间隔 31 self.s1.setTickInterval(5) 32 33 layout.addWidget(self.s1) 34 self.setLayout(layout) 35 # 连接信号槽函数 36 self.s1.valueChanged.connect(self.valueChanged) 37 def valueChanged(self): 38 print('current slider value=%s' % self.s1.value()) 39 size = self.s1.value() 40 self.lb1.setFont(QFont("Arial", size)) 41 42if __name__ == '__main__': 43 app = QApplication(sys.argv) 44 win = sliderDemo() 45 win.show() 46 sys.exit(app.exec_())
解析
- 在这个例子中,将一个标签和滑块放置在垂直布局中,将滑块的值变化关联到对应的槽函数上
1# 连接信号槽函数 2self.s1.valueChanged.connect(self.valueChanged)
- 设置间隔为5,最大是50,最小是10,一共是(最大值-最小值)/5+1个刻度点,本例中就是(50-10)/5+1 = 9
1# 设置最小值 2self.s1.setMinimum(10) 3# 设置最大值 4self.s1.setMaximum(50) 5# 设置步长 6self.s1.setSingleStep(3) 7# 设置当前值 8self.s1.setValue(20) 9# 刻度放置的位置,刻度在下方 10self.s1.setTickPosition(QSlider.TicksBelow) 11# 设置刻度间隔 12self.s1.setTickInterval(5)
4.9 对话框类控件
4.9.1 QDialog
- QDialog类的子类主要有
- QMessageBox
- QFileDialog
- QInputDialog
- QColorDialog
- QFontDialog
- 常用的方法
- setWindowTitle() 设置对话框的标题
- setWindowModality() 设置窗口模态
- Qt.NonModal 非模态,可以跟程序的其他窗口交互
- Qt.WindowModal 窗口模态,程序在未处理完当前对话框时,将阻止和对话框的父窗口交互(但是可以跟其他应用程序窗口交互)
- Qt.ApplicationModal应用程序模态,在当前任务未处理完毕时,阻止和其他任何的窗口进行交互 案例4-20 QDialog对话框的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class DialogDemo(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-20 QDialog对话框的使用") 10 self.resize(350, 300) 11 12 self.btn = QPushButton(self) 13 self.btn.setText("弹出对话框") 14 self.btn.move(50, 50) 15 self.btn.clicked.connect(self.showdialog) 16 17 def showdialog(self): 18 dialog = QDialog() 19 btn = QPushButton("ok", dialog) 20 btn.move(50, 50) 21 dialog.setWindowTitle("Dialog") 22 # 设置对话框的模态属性为应用程序级别的模态 23 dialog.setWindowModality(Qt.ApplicationModal) 24 dialog.exec_() 25 26if __name__ == '__main__': 27 app = QApplication(sys.argv) 28 dialog = DialogDemo() 29 dialog.show() 30 sys.exit(app.exec_())
解析
- 在Dialog窗口的windowModality属性决定是否为模态或者非模态。当用户_按下Esc键时_,对话框会默认调用QDialog.reject(),然后关闭对话框窗口--------------reject意思是抛弃、摒弃
- 由于对话框的windowModality属性设置为Qt.ApplicationModal模态,用户只有处理完毕当前弹出来的所有对话框后,才能关闭主窗口
dialog.setWindowModality(Qt.ApplicationModal)
总结
- Qt.ApplicationModal用来设置弹出的对话框为完全模态,不将弹出来的所有对话框关闭是不能关闭主窗口的
- Qt.WindowModal用来设置弹出的对话框为不完全模态,这样在处理主窗口时就不要先处理完毕弹出来的对话框,也能直接关闭主窗口了
4.9.2 QMessageBox
- QMessageBox是一种通用的弹出式对话框,用于显示消息,允许用户通过点击不同标准的按钮对消息进行反馈,每个标准都有一个预定义的文本、角色和十六进制数
- QMessageBox类提供了常用的对话框,如提示、警告、错误、询问、关于等对话框,这些对话框只是图标不同,其他的功能是一样的
- 常用的方法
- information(QWidget parent,title,text,button,defaultButton) 弹出消息对话框
- parent 指定的父窗口控件
- title 对话框的标题
- text 对话框的文本
- button 多个标准按钮,默认是OK按钮
- defaultButton 默认选中的标准按钮,一般默认选中的就是第一个标准按钮
- question(QWidget parent,title,text,button,defaultButton) 弹出问答对话框
- warning(QWidget parent,title,text,button,defaultButton) 弹出警告对话框
- critical(QWidget parent,title,text,button,defaultButton) 弹出严重错误对话框
- about(QWidget parent,title,text,button,defaultButton) 弹出关于对话框
- setTitle() 设置标题
- setText() 设置消息正文
- setIcon() 设置弹出对话框的图标
- information(QWidget parent,title,text,button,defaultButton) 弹出消息对话框
- 常用的标准按钮
- QMessage.Ok 同意操作
- QMessage.Cancel 取消操作
- QMessage.Yes 同意操作
- QMessage.No 取消操作
- QMessage.Abort 终止操作
- QMessage.Retry 重试操作
- QMessage.Ignore 忽略操作 案例4-21 QMessageBox的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class MyMessageBox(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-21 QMessageBox的使用") 10 self.resize(300, 100) 11 self.myButton = QPushButton(self) 12 self.myButton.setText("点击弹出消息框") 13 self.myButton.clicked.connect(self.msg) 14 def msg(self): 15 # 使用QMessageBox中的information对话框演示 16 popmsg = QMessageBox.information(self,"标题", "消息正文", QMessageBox.Yes|QMessageBox.No, QMessageBox.Yes) 17 print(popmsg) 18if __name__ == '__main__': 19 app = QApplication(sys.argv) 20 win = MyMessageBox() 21 win.show() 22 sys.exit(app.exec_())
4.9.3 QInputDialog
- QInputDialog控件是一个标准对话框,由一个文本框和两个按钮(_OK和Cancel_按钮)组成
- 用户单击OK或者按Enter键后,在父窗口可以收集通过QInputDialog控件输入的信息
- 在QInputDialog中可以输入数字、字符串或者列表中的选项,标签用于显示必要的信息 常用的方法
- getInt() 从控件中获得标准整数的输入
- getDouble() 从控件中获得标准浮点数的输入
- getText() 从控件中获得标准字符串的输入
- getItem() 从控件中获得列表里的选项输入
案例4-22 QInputDialog输入对话框的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class inputDialogDemo(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-22 QInputDialog输入对话框的使用") 10 11 layout = QFormLayout() 12 self.btn1 = QPushButton("获得列表中的选项") 13 self.btn1.clicked.connect(self.getItem) 14 self.le1 = QLineEdit() 15 layout.addRow(self.btn1, self.le1) 16 17 self.btn2 = QPushButton("获得字符串") 18 self.btn2.clicked.connect(self.getText) 19 self.le2 = QLineEdit() 20 layout.addRow(self.btn2, self.le2) 21 22 self.btn3 = QPushButton("获得整数") 23 self.btn3.clicked.connect(self.getInt) 24 self.le3 = QLineEdit() 25 layout.addRow(self.btn3, self.le3) 26 27 self.setLayout(layout) 28 29 def getItem(self): 30 items = ("C", "C++", "Java", "Python") 31 # 参数说明是父级窗口、标题、正文、迭代列表、默认第一个选项被选中、editable是否可以被编辑 默认是True 32 item, ok = QInputDialog.getItem(self, "Select input dialog", "语言列表", items, 0, False) 33 if ok and item: 34 self.le1.setText(item) 35 36 def getText(self): 37 text, ok = QInputDialog.getText(self, "Text input dialog", "输入文本:") 38 if ok: 39 self.le2.setText(text) 40 41 def getInt(self): 42 num, ok = QInputDialog.getInt(self, "integer input dialog", "输入整数:") 43 if ok: 44 self.le3.setText(str(num)) 45 46if __name__ == '__main__': 47 app = QApplication(sys.argv) 48 win = inputDialogDemo() 49 win.show() 50 sys.exit(app.exec_())
解析
- QInputDialog.getItem()函数被调用时,弹出的对话框中包含一个Qcombo下拉列表框控件和两个按钮,用户从其中选择一个选项时,允许用户确认或者取消操作
1def getItem(self): 2 items = ("C", "C++", "Java", "Python") 3 item, ok = QInputDialog.getItem(self, "Select input dialog", "语言列表", items, 0, False) 4 if ok and item: 5 self.le1.setText(item)
- 同理QInputDialog.getInt()包含一个QSpinBox计数器控件和两个按钮,允许用户输入整数
4.9.4 QFontDialog
- QFontDialog控件是一个常用的字体选择对话框,可以让用户选择显示文本的字号大小、样式和格式 常用方法
- getFont() 从控件中选取所想要的字体大小、样式和格式 案例4-23 QFontDialog字体对话框的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class FontDialogDemo(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-23 QFontDialog字体对话框的使用") 10 layout = QVBoxLayout() 11 self.fontButton = QPushButton("选择字体") 12 self.fontButton.clicked.connect(self.getFont) 13 self.fontEdit = QLabel("hello 测试字体例子") 14 layout.addWidget(self.fontButton) 15 layout.addWidget(self.fontEdit) 16 17 self.setLayout(layout) 18 def getFont(self): 19 font, ok = QFontDialog.getFont() 20 if ok: 21 self.fontEdit.setFont(font) 22if __name__ == '__main__': 23 app = QApplication(sys.argv) 24 win = FontDialogDemo() 25 win.show() 26 sys.exit(app.exec_())
解析
- 通过接收选择的字体对象以及ok状态来在槽函数中作出响应
1def getFont(self): 2 font, ok = QFontDialog.getFont() 3 if ok: 4 self.fontEdit.setFont(font)
4.9.5 QFileDialog
- QFileDialog是用于打开文件时使用的文件过滤器,用于显示指定扩展名的文件,也可以设置QFileDialog打开文件时的起始目录和指定的扩展名文件
- 常用的方法
- getOpenFileName() 返回用户选择文件的文件名,并打开该文件
- getSaveFileName() 返回用户选择的文件名并保存文件
- setFileMode() 设置选择的文件类型,常见的有
- QFileDialog.AnyFile 任何文件
- QFileDialog.ExistingFile 已存在的文件
- QFileDialog.Directory 文件目录
- QFileDialog.ExistingFiles 已存在的多个文件
- setFilter() 设置过滤器,只显示过滤器允许的文件类型,其他的文件不显示在文件对话框中 案例4-24 QFileDialog文件对话框的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class FileDialogDemo(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-24 QFileDialog文件对话框的使用") 10 layout = QVBoxLayout() 11 self.btn = QPushButton("加载图片") 12 self.btn.clicked.connect(self.getPic) 13 self.lb1 = QLabel("") 14 self.btn1 = QPushButton("加载文本文件") 15 self.btn1.clicked.connect(self.getTxt) 16 self.contents = QTextEdit() 17 layout.addWidget(self.btn1) 18 layout.addWidget(self.btn) 19 layout.addWidget(self.lb1) 20 layout.addWidget(self.contents) 21 self.setLayout(layout) 22 23 def getPic(self): 24 # 下划线是一定要加的,不然会出错 25 fname, _ = QFileDialog.getOpenFileName(self, "Open File", "c:\\","Image Files (*.jpg *.png)") 26 self.lb1.setPixmap(QPixmap(fname)) 27 28 def getTxt(self): 29 dig = QFileDialog() 30 dig.setFileMode(QFileDialog.AnyFile) 31 dig.setFilter(QDir.Files) 32 33 if dig.exec_(): 34 filename = dig.selectedFiles() 35 f = open(filename[0], 'r') 36 with f: 37 data = f.read() 38 self.contents.setText(data) 39 40if __name__ == '__main__': 41 app = QApplication(sys.argv) 42 win = FileDialogDemo() 43 win.show() 44 sys.exit(app.exec_())
解析
- 第一个按钮使用QFileDialog.getOpenFileName(),调用文件对话框来显示图像,并显示在第一个标签中,负责打开的是C盘
1def getPic(self): 2 # 下划线是一定要加的,不然会出错 3 fname, _ = QFileDialog.getOpenFileName(self, "Open File", "c:\\","Image Files (*.jpg *.png)") 4 # 这里就是在标签上加载图片资源 5 self.lb1.setPixmap(QPixmap(fname))
_注意_fname, _ = QFileDialog.getOpenFileName()中的下划线是必不可少的,不然程序会报错
参数分析
- 第一个参数是指定父级组件
- 第二个参数是QFileDialog对话框的标题
- 第三个参数是对话框显示时默认打开的目录
- . 代表程序运行目录
- / 代表当前盘下的根目录
- 第四个参数是对话框中文件扩展名的过滤器(Filter),比如使用"Image Files(*.jpg *.png)"表示只能显示扩展名为.jpg或者.png的文件
- 第二个按钮使用文件对话框QFileDialog对象的exec方法来选择文件,并把所选择的文件的内容显示在多行文本编辑框中
1def getTxt(self): 2 dig = QFileDialog() 3 dig.setFileMode(QFileDialog.AnyFile) 4 dig.setFilter(QDir.Files) 5 6 if dig.exec_(): 7 filename = dig.selectedFiles() 8 f = open(filename[0], 'r', encoding="utf-8") 9 with f: 10 data = f.read() 11 self.contents.setText(data)
4.10 窗口绘图类控件
- 主要为三大类
- QPainter 画布
- QPen 画笔
- QBrush 画刷
- QPixmap的作用是加载并呈现本地图像,而图像的呈现本质也是通过绘图的方式来实现的,所以QPixmap也可以视为绘图的一个类
4.10.1 QPainter---自我理解为画布
- QPainter类在QWidget控件上执行绘图操作,可以绘制从简单的直线到复杂的饼图
- 绘制操作在QWidget.paintEvent()中完成
- 绘制方法必须在QtGui.QPainter对象的begin()和end()之间 常用的方法
- begin() 开始在目标设备上绘制
- drawArc() 在起始角度和最终角度之间画弧
- drawEllipse() 在一个矩形内画圆
- drawLine(int x1,int y1,int x2,int y2) 绘制一条指定的端点坐标的线(x1,y1)--->(x2,y2),并且此时的画笔位置在(x2,y2)
- drawPixmap() 从图像文件中提取Pixmap并将其显示在指定的位置上
- drawPolygon() 使用坐标数组绘制多边形
- drawRect(int x,inty,int w,int h) 在坐标(x,y)处为矩形的左上角起点绘制宽高w、h的矩形
- drawText() 在给定坐标处绘制显示的文字
- fillRect() 使用QColor参数填充矩形的颜色
- setBrush() 设置画刷的样式
- setPen() 设置画笔的样式
-------设置画笔的风格(PenStyle)
- Qt.NoPen 没有线
- Qt.SolidLine 一条简单的实线
- Qt.DashLine 像素分割的短线
- Qt.DotLine 像素分割的点
- Qt.DashDotLine 轮流交替的点和短线
- Qt.DashDotDotLine一条短线,两个点,重复交替
- Qt.MPenStyle 画笔风格的掩码 案例4-25 绘制文字
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class DrawingTextDemo(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-25 绘制文字") 10 self.resize(300, 200) 11 self.text = "欢迎学习 PyQt5" 12 13 def paintEvent(self, event): 14 painter = QPainter(self) 15 painter.begin(self) 16 # 自定义绘制方法 17 self.drawText(event, painter) 18 painter.end() 19 20 def drawText(self, event, painter): 21 # 设置画笔的颜色 22 painter.setPen(QColor(168, 34, 3)) 23 # 设置字体 24 painter.setFont(QFont('SimSun', 20)) 25 # 绘制文字 26 painter.drawText(event.rect(), Qt.AlignCenter, self.text) 27 28if __name__ == '__main__': 29 app = QApplication(sys.argv) 30 win = DrawingTextDemo() 31 win.show() 32 sys.exit(app.exec_())
解析
- 定义一个绘制事件,所有的绘制操作都发生在此事件中
1def paintEvent(self, event): 2 painter = QPainter(self) 3 painter.begin(self) 4 # 自定义绘制方法 5 self.drawText(event, painter) 6 painter.end()
- QtGui.QPainter类负责所有低级别的绘制,所有的绘制方法都要放在begin和end之间,此处放置的绘制方法是drawText
1def drawText(self, event, painter): 2 # 设置画笔的颜色 3 painter.setPen(QColor(168, 34, 3)) 4 # 设置字体 5 painter.setFont(QFont('SimSun', 20)) 6 # 绘制文字 7 painter.drawText(event.rect(), Qt.AlignCenter, self.text)
案例4-26 绘制点
1import sys, math 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class DrawingPointDemo(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-26 绘制点") 10 11 self.resize(300, 200) 12 def paintEvent(self, event): 13 # 初始化绘制工具 14 painter = QPainter(self) 15 # 开始在窗口中进行绘制 16 painter.begin(self) 17 # 自定义画点方法 18 19 self.drawPointers(painter) 20 painter.end() 21 def drawPointers(self, painter): 22 painter.setPen(Qt.red) 23 size = self.size() 24 25 for i in range(1000): 26 # 绘制正弦函数图形,周期是[-100, 100] 27 x = 100*(-1+2.0*i/1000) + size.width()/2.0 28 y = -50*math.sin((x-size.width()/2.0)*math.pi/50)+size.height()/2.0 29 painter.drawPoint(x, y) 30 31 32if __name__ == '__main__': 33 app = QApplication(sys.argv) 34 win = DrawingPointDemo() 35 win.show() 36 sys.exit(app.exec_()
解析
- 画笔设置为红色,使用预定义的Qt.red颜色
painter.setPen(Qt.red)
- 使用drawPoint()方法绘制一个个的点
painter.drawPoint(x, y)
4.10.2 QPen
- QPen钢笔是一个基本的图形对象,用于绘制直线、曲线或者轮廓线画出矩形,椭圆形、多边形以及其他形状等 案例4-27 QPen钢笔的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class PenDemo(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-27 QPen钢笔的使用") 10 self.setGeometry(300, 300, 280, 270) 11 12 def paintEvent(self, Event): 13 painter = QPainter() 14 painter.begin(self) 15 self.drawLines(painter) 16 painter.end() 17 def drawLines(self, painter): 18 # pen的样式是线条黑色 2px 实线 19 pen = QPen(Qt.black, 2, Qt.SolidLine) 20 painter.setPen(pen) 21 painter.drawLine(20, 40, 250, 40) 22 23 pen.setStyle(Qt.DashLine) 24 painter.setPen(pen) 25 painter.drawLine(20, 120, 250, 120) 26 27 pen.setStyle(Qt.DotLine) 28 painter.setPen(pen) 29 painter.drawLine(20, 160, 250, 160) 30 31 pen.setStyle(Qt.DashDotDotLine) 32 painter.setPen(pen) 33 painter.drawLine(20, 200, 250, 200) 34 35 pen.setStyle(Qt.CustomDashLine) 36 pen.setDashPattern([1, 4, 5, 4]) 37 painter.setPen(pen) 38 painter.drawLine(20, 240, 250, 240) 39if __name__ == '__main__': 40 app = QApplication(sys.argv) 41 win = PenDemo() 42 win.show() 43 sys.exit(app.exec_())
解析
- 创建一个QPen对象,设置颜色和线条样式(黑色 2px 实线)
pen = QPen(Qt.black, 2, Qt.SolidLine)
- 自定义一条线条的样式,使用的数字列表定义样式
数字列表的个数必须是偶数个,[1,4,5,4]代表的是1px的横线宽度,4px的间隔,5px的线条宽度,4px的间隔-----也就是说这样自定义的样式就是1px和5px的短线以4px的间隔为空余交替出现
1pen.setStyle(Qt.CustomDashLine) 2pen.setDashPattern([1, 4, 5, 4]) 3painter.setPen(pen) 4painter.drawLine(20, 240, 250, 240)
4.10.3 QBrush
- QBrush画刷是一个基本的图形对象,用于填充如矩形,椭圆或者多边形等的形状
- QBrush有三种基本类型
- 预定义
- 过渡
- 纹理图案 案例4-28 QBrush画刷的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class BrushDemo(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-28 QBrush画刷的使用") 10 self.setGeometry(300, 300, 365, 280) 11 12 def paintEvent(self, event): 13 painter = QPainter() 14 painter.begin(self) 15 self.drawLines(painter) 16 painter.end() 17 18 def drawLines(self, painter): 19 20 brush = QBrush(Qt.SolidPattern) 21 painter.setBrush(brush) 22 painter.drawRect(10, 15, 90, 60) 23 24 brush = QBrush(Qt.Dense1Pattern) 25 painter.setBrush(brush) 26 painter.drawRect(130, 15, 90, 60) 27 28 brush = QBrush(Qt.Dense2Pattern) 29 painter.setBrush(brush) 30 painter.drawRect(250, 15, 90, 60) 31 32 brush = QBrush(Qt.Dense3Pattern) 33 painter.setBrush(brush) 34 painter.drawRect(10, 105, 90, 60) 35 36 brush = QBrush(Qt.DiagCrossPattern) 37 painter.setBrush(brush) 38 painter.drawRect(10, 105, 90, 60) 39 40 brush = QBrush(Qt.Dense5Pattern) 41 painter.setBrush(brush) 42 painter.drawRect(130, 105, 90, 60) 43 44 brush = QBrush(Qt.Dense6Pattern) 45 painter.setBrush(brush) 46 painter.drawRect(250, 105, 90, 60) 47 48 brush = QBrush(Qt.HorPattern) 49 painter.setBrush(brush) 50 painter.drawRect(10, 195, 90, 60) 51 52 brush = QBrush(Qt.VerPattern) 53 painter.setBrush(brush) 54 painter.drawRect(130, 195, 90, 60) 55 56 brush = QBrush(Qt.BDiagPattern) 57 painter.setBrush(brush) 58 painter.drawRect(250, 195, 90, 60) 59 60 61if __name__ == '__main__': 62 app = QApplication(sys.argv) 63 win = BrushDemo() 64 win.show() 65 sys.exit(app.exec_())
解析
- 使用了9种不同的背景填充矩形,定义QBrush对象,通过QPainter对象的画刷设置,最后调用drawRect()方法绘制矩形
1brush = QBrush(Qt.SolidPattern) 2painter.setBrush(brush) 3painter.drawRect(10, 15, 90, 60)
4.10.4 QPixmap 图片像素映射
- QPixmap类常用于绘图设备的图像显示,它可以作为对象加载到控件上,通常是标签或者按钮,用于在标签或者按钮上显示图像
- QPixmap可以读取的图像文件的类型有BMP/JPG/GIF/JPEG/PNG/等
- 常用方法
- copy() 从QRect对象复制到QPixmap对象
- fromImage() 将QImage对象转换为QPixmap对象
- toImage() 将QPixmap对象转换为QImage对象
- grabWidget() 从给定的窗口小部件创建一个像素图
- grabWindow() 在窗口中创建数据的像素图
- load() 加载图片文件为QPixmap对象
- save() 将QPixmap对象保存为文件 案例4-29 QPixmap像素映射的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class PixmapDemo(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-29 QPixmap像素映射的使用") 10 self.lb1 = QLabel() 11 self.lb1.setPixmap(QPixmap("./images/python.jpg")) 12 layout = QVBoxLayout() 13 layout.addWidget(self.lb1) 14 self.setLayout(layout) 15 16 17if __name__ == '__main__': 18 app = QApplication(sys.argv) 19 win = PixmapDemo() 20 win.show() 21 sys.exit(app.exec_())
解析
- 在这个例子中,使用setPixmap()将图像显示在QLabel上
1self.lb1 = QLabel() 2self.lb1.setPixmap(QPixmap("./images/python.jpg"))
4.11 拖拽与剪切板
4.11.1 Drag 与 Drop
- 基于MIME类型的拖拽数据传输就是基于QDrag类的
- QMimeData对象将关联的数据与其对应的MIME类型相互关联
- MIME类型的数据可以简单理解为互联网上的各种资源,比如文本、音频、和视频等资源,互联网上的每一种资源都属于一种MIME类型的数据 QMimeData类函数
- hasText() text() text/plain
- hasHtml() html() text/html
- hasUrls() urls() text/uri-list
- hasImage() imageData() image/*
- hasColor() colorData() application/x-color
- 许多QWidget对象都支持拖拽动作,允许拖拽数据的控件必须设置QWidget.setDragEnabled()为True 常用的拖拽事件
- DragEnterEvent() 当执行一个拖拽控件操作时,并且鼠标指针进入改控件时,这个事件将被触发 _注意点_在这个事件中可以获取被操作的窗口控件,还可以有条件拒绝或者接收该控件的拖拽操作
- DragMoveEvent() 当拖拽操作进行时会触发该事件
- DragLeaveEvent() 当执行一个拖拽控件操作时,并且鼠标指针离开时触发
- DropEvent() 当拖拽操作在目标控件上被释放时,这个事件被触发 案例4-30 拖拽功能的实现
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class Combo(QComboBox): 7 def __init__(self, title, parent): 8 super().__init__() 9 self.setAcceptDrops(True) 10 def dragEnterEvent(self, event): 11 print(event) 12 # 判断拖拽的数据是不是text类型的 13 # 有条件拒绝或者接收该控件的拖拽操作 14 if event.mimeData().hasText(): 15 event.accept() 16 else: 17 event.ignore() 18 # 释放拖拽操作事件被触发的前提一定是被操作控件通过检测后允许当前的拖拽行为 19 # event.accept()这句代码不执行也就不会有释放控件事件的触发 20 def dropEvent(self, event): 21 print(event) 22 self.addItem(event.mimeData().text()) 23 24 25class DragDemo(QWidget): 26 def __init__(self): 27 super().__init__() 28 self.setWindowTitle("案例4-30 拖拽功能的实现") 29 layout = QFormLayout() 30 edt1 = QLineEdit() 31 edt1.setDragEnabled(True) 32 com = Combo("Button", self) 33 layout.addRow(edt1, com) 34 self.setLayout(layout) 35 36 37if __name__ == '__main__': 38 app = QApplication(sys.argv) 39 drag = DragDemo() 40 drag.show() 41 sys.exit(app.exec_())
解析
- DragEnterEvent会验证事件的MIME数据的是否包含字符串文本,如果包含,就接收该事件
- dropEvent会在接收该事件后响应释放拖拽的操作,并将拖拽的数据文本作为下拉列表框的item
1def dragEnterEvent(self, event): 2 print(event) 3 if event.mimeData().hasText(): 4 event.accept() 5 else: 6 event.ignore() 7def dropEvent(self, event): 8 print(event) 9 self.addItem(event.mimeData().text())
4.11.2 QClipboard
- QClipboard类提供了对系统剪切板的访问,可以在应用程序之间复制粘贴,类似QDrag类
- QApplication类有一个静态方法clipboard(),它返回剪切板对象
- 任何类型的MimeData数据都可以从剪切板上复制以及粘贴 常用的方法
- clear() 清除剪切板的内容
- setImage() 将QImage对象复制到剪切板上
- setMimeData() 将Mime数据设置到剪切板
- setPixmap() 将QPixmap对象复制到剪切板上
- setText() 将text文本复制到剪切板上
- text() 获取剪切板上的文本数据text ......... QClipboard常用的信号
- dataChanged 当剪切板内容发生改变时,这个信号就会被发射 案例4-31 QClipboard剪切板的使用
1import sys, os 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class clipboardDemo(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-31 QClipboard剪切板的使用") 10 layout = QGridLayout() 11 textCopyButton = QPushButton("&Copy Text") 12 textPasteButton = QPushButton("Paste &Text") 13 htmlCopyButton = QPushButton("C&opy Html") 14 htmlPasteButton = QPushButton("Paste &Html") 15 imageCopyButton = QPushButton("Co&py Image") 16 imagePasteButton = QPushButton("Paste &Image") 17 18 self.textLabel = QLabel("Original text") 19 self.imageLabel = QLabel() 20 self.imageLabel.setPixmap(QPixmap(os.path.join(os.path.dirname(__file__), 'images/new.png'))) 21 layout.addWidget(textCopyButton, 0, 0) 22 layout.addWidget(imageCopyButton, 0, 1) 23 layout.addWidget(htmlCopyButton, 0, 2) 24 layout.addWidget(textPasteButton, 1, 0) 25 layout.addWidget(imagePasteButton, 1, 1) 26 layout.addWidget(htmlPasteButton, 1, 2) 27 28 layout.addWidget(self.textLabel, 2, 0, 1, 2) 29 layout.addWidget(self.imageLabel, 2, 2) 30 31 self.setLayout(layout) 32 textCopyButton.clicked.connect(self.copyText) 33 textPasteButton.clicked.connect(self.pasteText) 34 imageCopyButton.clicked.connect(self.copyImage) 35 imagePasteButton.clicked.connect(self.pasteImage) 36 htmlCopyButton.clicked.connect(self.copyHtml) 37 htmlPasteButton.clicked.connect(self.pasteHtml) 38 39 def copyText(self): 40 # 获取剪切板对象 41 clipboard = QApplication.clipboard() 42 clipboard.setText("我的是被复制的文本text") 43 44 def pasteText(self): 45 # 获取剪切板对象 46 clipboard = QApplication.clipboard() 47 self.textLabel.setText(clipboard.text()) 48 49 def copyImage(self): 50 # 获取剪切板对象 51 clipboard = QApplication.clipboard() 52 clipboard.setPixmap(QPixmap(os.path.join(os.path.dirname(__file__), 'images/python.png'))) 53 54 55 def pasteImage(self): 56 # 获取剪切板对象 57 clipboard = QApplication.clipboard() 58 self.imageLabel.setPixmap(clipboard.pixmap()) 59 60 def copyHtml(self): 61 # 获取剪切板对象 62 clipboard = QApplication.clipboard() 63 mimaData = QMimeData() 64 mimaData.setHtml("<b>wbj520<font color=red>mumu</font></b>") 65 clipboard.setMimeData(mimaData) 66 67 68 def pasteHtml(self): 69 # 获取剪切板对象 70 clipboard = QApplication.clipboard() 71 mimeData = clipboard.mimeData() 72 if mimeData.hasHtml(): 73 self.textLabel.setText(mimeData.html()) 74 75if __name__ == '__main__': 76 app = QApplication(sys.argv) 77 win = clipboardDemo() 78 win.show() 79 sys.exit(app.exec_())
解析
- 首先需要获取到clipboard对象
1clipboard = QApplication.clipboard() 2clipboard.setText("我的是被复制的文本text")
- 剪切板操作常用方法中没有操作html的,但是上一节我们了解到所有的资源数据都对应着MIME数据类型,所以可以使用MimeData数据
1def copyHtml(self): 2 # 获取剪切板对象 3 clipboard = QApplication.clipboard() 4 mimaData = QMimeData() 5 mimaData.setHtml("<b>wbj520<font color=red>mumu</font></b>") 6 clipboard.setMimeData(mimaData) 7 8def pasteHtml(self): 9 # 获取剪切板对象 10 clipboard = QApplication.clipboard() 11 mimeData = clipboard.mimeData() 12 if mimeData.hasHtml(): 13 self.textLabel.setText(mimeData.html())
4.12 日历与时间
4.12.1 QCalendar
- QCalendar是一个日历控件,是一个基于月份的视图,允许用户通过鼠标或者键盘来选择日期,默认是选中今天的日期,也可以规定日期的范围
- 常用的方法
- setDataRange() 设置日期返回以供选择
- setFirstDayOfWeek() 设置一周的第一天,默认是周日
- Qt.Monday 周一 .....以此类推
- setMinimumDate() 设置最小日期
- setMaximumDate() 设置最大日期
- setSelectedDate() 设置选中的日期,默认是今天
- maximumDate 获取日历控件的最大日期
- minimumDate 获取日历控件的最小日期
- selectedDate 获取当前选中的日期
- setGridvisible() 设置日历控件是否显示网格(网格可视化) 案例4-32 QCalendar日历的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class calendarDemo(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-32 QCalendar日历的使用") 10 self.initUI() 11 12 def initUI(self): 13 self.cal = QCalendarWidget(self) 14 self.cal.setMinimumDate(QDate(1970, 1, 1)) 15 self.cal.setMaximumDate(QDate(3000, 1, 1)) 16 self.cal.setGridVisible(True) 17 self.move(20, 20) 18 # 表示日历控件中的日期被点击 [取属性对象] 19 self.cal.clicked[QDate].connect(self.showDate) 20 self.lb1 = QLabel(self) 21 date = self.cal.selectedDate() 22 # 将日期数据转换为字符串并且进行格式化操作 23 self.lb1.setText(date.toString("yyyy-MM-dd dddd")) 24 self.lb1.move(20, 250) 25 self.setGeometry(100, 100, 400, 300) 26 27 def showDate(self, date): 28 print(date) 29 print(date.toString("yyyy-MM-dd dddd")) 30 self.lb1.setText(date.toString("yyyy-MM-dd dddd"))
解析
- 创建日历组件,并设置最大最小日期
1self.cal = QCalendarWidget(self) 2self.cal.setMinimumDate(QDate(1970, 1, 1)) 3self.cal.setMaximumDate(QDate(3000, 1, 1)) 4self.cal.setGridVisible(True)
- 从窗口组件中选定一个日期,会发射一个QDate点击的信号,捕捉到后连接到自定义的槽函数上
1# 表示日历控件中的日期被点击 [取属性对象] 2self.cal.clicked[QDate].connect(self.showDate)
- 通过调用selectedDate方法检索所选定的日期,然后将日期对象转换为指定格式的字符串并显示在标签上
1def showDate(self, date): 2 print(date) 3 print(date.toString("yyyy-MM-dd dddd")) 4 self.lb1.setText(date.toString("yyyy-MM-dd dddd"))
4.12.2 QDateTimeEdit
-
QDateTimeEdit 是一个允许用户编辑日期时间的控件,可以使用键盘上下箭头按钮增加或者减少日期时间值
-
QDateTimeEdit通过setDisplayFormat来设置显示的日期时间格式
-
常用的方法
- setDisplayFormat() 设置日期时间显示格式
- yyyy 代表年份,用4位数表示
- MM 代表月份,取值是01-12
- dd 代表日,取值是01-31
- HH 代表小时,取值是00-23
- mm 代表分钟,取值是00-59
- ss 代表秒,取值是00-59
- setMinimumDate 设置控件的最小日期
- setMaximumDate 设置控件的最大日期
- time() 获取编辑的时间
- date() 获取编辑的日期
- setDisplayFormat() 设置日期时间显示格式
-
常用的信号
- dateChanged 当日期改变时发射该信号
- dateTimeCahnged 当日期时间改变时发射该信号
- timeCahnged 当时间改变时发射该信号
-
QDateTimeEdit的子类
- QDateEdit和QTimeEdit类均继承自QDateTimeEdit类
- 继承关系是QWidget---QAbstractSpinBox---QDateTimeEdit---(QDateEdit,QTimeEdit)
- 日期操作是QDateEdit,时间操作是QTimeEdit,日期时间操作是QDateTimeEdit
1 dateEdit = QDateEdit(self) 2 timeEdie = QTimeEdit(self) 3 dateEdit.setDisplayFormat("yyyy-MM-dd") 4 timeEdie.setDisplayFormat("HH:mm:ss")- 设置弹出日历时要注意,用来弹出日历的类只能是QDateTimeEdit和QDateEdit, QTimeEdit在语法上是可以的,但是不起作用不会弹出来
1dateTimeEdit = QDateTimeEdit(self) 2dateEdit = QDateEdit(self) 3dateTimeEdit.setCalendarPopup(True) 4dateEdit.setCalendarPopup(True) -
初始化 QDateTimeEdit类 案例 QDateTimeEdit的简单使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class DateTimeEditDemo1(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例 QDateTimeEdit的简单使用") 10 layout = QVBoxLayout() 11 dateTimeEdit = QDateTimeEdit() 12 dateTimeEdit2 = QDateTimeEdit(QDateTime.currentDateTime()) 13 # 设置日期时间的显示格式 14 dateTimeEdit2.setDisplayFormat("yyyy-MM-dd HH:mm:ss") 15 # 设置最小日期 16 dateTimeEdit2.setMinimumDate(QDate.currentDate().addDays(-365)) 17 # 设置最大日期 18 dateTimeEdit2.setMaximumDate(QDate.currentDate().addDays(365)) 19 # 设置弹出日历控件 20 dateTimeEdit2.setCalendarPopup(True) 21 22 dateEdit = QDateEdit(QDate.currentDate()) 23 timeEdit = QTimeEdit(QTime.currentTime()) 24 layout.addWidget(dateTimeEdit) 25 layout.addWidget(dateTimeEdit2) 26 layout.addWidget(dateEdit) 27 layout.addWidget(timeEdit) 28 self.setLayout(layout) 29 30 31if __name__ == '__main__': 32 app = QApplication(sys.argv) 33 win = DateTimeEditDemo1() 34 win.show() 35 sys.exit(app.exec_())
解析
- 设置日期时间的显示格式
dateTimeEdit2.setDisplayFormat("yyyy-MM-dd HH:mm:ss")
- 设置日期时间的范围,限制可选日期范围为距离今天的前后365天
1# 设置最小日期 2dateTimeEdit2.setMinimumDate(QDate.currentDate().addDays(-365)) 3# 设置最大日期 4dateTimeEdit2.setMaximumDate(QDate.currentDate().addDays(365))
- 弹出日历控件,默认是通过计数器的上下箭头改变数据的,现在可以弹出日历控件,只需要调用下面的一行代码
1# 设置弹出日历控件 2dateTimeEdit2.setCalendarPopup(True)
总结
- 可以通过date()/dateTime()等方法来获取日期时间对象
- 可以调用QDate的year()/month()/day()等函数来获取详细的年月日 案例4-33 QDateTimeEdit的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class DateTimeDemo(QWidget): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-33 QDateTimeEdit的使用") 10 self.initUI() 11 12 def initUI(self): 13 self.resize(300, 90) 14 layout = QVBoxLayout() 15 self.dateEdit = QDateTimeEdit(QDateTime.currentDateTime(), self) 16 self.dateEdit.setDisplayFormat("yyyy-MM-dd HH:mm:ss") 17 18 # 设置最小日期 19 self.dateEdit.setMinimumDate(QDate.currentDate().addDays(-365)) 20 # 设置最大日期 21 self.dateEdit.setMaximumDate(QDate.currentDate().addDays(365)) 22 self.dateEdit.setCalendarPopup(True) 23 24 self.dateEdit.dateChanged.connect(self.onDateChanged) 25 self.dateEdit.dateTimeChanged.connect(self.ondateTimeChanged) 26 self.dateEdit.timeChanged.connect(self.onTimeChanged) 27 28 self.btn = QPushButton("获取日期和时间") 29 self.btn.clicked.connect(self.onButtonClicked) 30 31 layout.addWidget(self.dateEdit) 32 layout.addWidget(self.btn) 33 self.setLayout(layout) 34 35 # 日期发生改变时 36 def onDateChanged(self, date): 37 print(date) 38 # 日期时间发生改变时 39 def ondateTimeChanged(self, dateTime): 40 print(dateTime) 41 # 时间发生改变时 42 def onTimeChanged(self, time): 43 print(time) 44 # 按钮被点击时 45 def onButtonClicked(self): 46 dateTime = self.dateEdit.dateTime() 47 maxDate = self.dateEdit.maximumDate() 48 minDate = self.dateEdit.minimumDate() 49 maxDateTime = self.dateEdit.maximumDateTime() 50 minDateTime = self.dateEdit.minimumDateTime() 51 maxTime = self.dateEdit.maximumTime() 52 minTime = self.dateEdit.minimumTime() 53 print('\n选择日期时间') 54 print('dateTime=%s' % dateTime.toString()) 55 print('maxDate=%s' % maxDate.toString()) 56 print('minDate=%s' % minDate.toString()) 57 print('maxDateTime=%s' % maxDateTime.toString()) 58 print('minDateTime=%s' % minDateTime.toString()) 59 print('maxTime=%s' % maxTime.toString()) 60 print('minTime=%s' % minTime.toString()) 61 62 63 64if __name__ == '__main__': 65 app = QApplication(sys.argv) 66 win = DateTimeDemo() 67 win.show() 68 sys.exit(app.exec_())
4.13 菜单栏、工具栏与状态栏
4.13.1 菜单栏
- 在QMainWindow对象的标题栏下方,水平的QMenuBar被保留显示QMenu对象
- QMenu类提供了一个可以添加到菜单栏的小控件,也用于创建上下文菜单和弹出子菜单
- 每一个QMenu对象都可以包含一个或者多个QAction对象或者级联的QMenu对象
- 可以使用createPopupMenu函数来创建弹出子菜单
- menuBar函数用于返回主窗口的QMenuBar对象
- 通过addAction函数可以在菜单中进行添加操作,addMenu函数可以将菜单添加到菜单栏中 常用的方法
- menuBar() 返回主窗口的QMenuBar对象
- addMenu() 在菜单栏中添加一个新的菜单
- addAction() 在菜单中添加一个新的操作,包含文本或者图标
- setEnabled() 设置菜单中的操作是否启用
- addSeperator() 在菜单中添加一个分割线
- clear() 删除菜单、菜单栏的内容
- setShortcut() 设置操作按钮的快捷方式
- setText() 设置每个菜单项的文本
- setTitle() 设置QMenu小控件的标题
- text() 获取每一个菜单项的文本
- title() 获取QMenu小控件的标题 常用的信号
- triggered 单击任何QAction按钮时,相应的QMenu对象都会发射triggered信号 案例4-34 QMenuBar菜单栏的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class MenuBarDemo(QMainWindow): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-34 QMenuBar菜单栏的使用") 10 layout = QHBoxLayout() 11 bar = self.menuBar() 12 file = bar.addMenu("File") 13 file.addAction("New") 14 save = QAction("Save", self) 15 # 添加快捷方式 16 save.setShortcut("Ctrl+S") 17 file.addAction(save) 18 # 给file菜单添加级联菜单 19 edit = file.addMenu("Edit") 20 edit.addAction("Copy") 21 edit.addAction("Paste") 22 quit = QAction("Quit", self) 23 file.addAction(quit) 24 25 file.triggered[QAction].connect(self.processTrigger) 26 self.setLayout(layout) 27 28 def processTrigger(self, sel): 29 print(sel.text()+" is triggered") 30if __name__ == '__main__': 31 app = QApplication(sys.argv) 32 win = MenuBarDemo() 33 win.show() 34 sys.exit(app.exec_())
解析
- 顶级窗口必须是QMainWindow对象,才可以引用QMenuBar对象
- 通过addMenu方法将file菜单添加到菜单栏上
1bar = self.menuBar() 2file = bar.addMenu("File")
- 菜单栏中的操作按钮可以是字符串或者QAction对象
1# 字符串文本 2file.addAction("New") 3# QAction对象 4save = QAction("Save", self) 5# 添加快捷方式 6save.setShortcut("Ctrl+S") 7file.addAction(save)
- 菜单发射triggered信号,将信号连接到槽函数,该信号是点击QAction对象触发的
file.triggered[QAction].connect(self.processTrigger)
4.13.2 QToolBar工具栏
- QToolBar控件是由文本控件、图标或其他小控件按钮组成的可移动面板,通常位于菜单栏下面
- 常用的方法
- addAction() 添加具有文本或者图标的工具按钮
- addSeperator() 添加分割线分组显示工具按钮
- addWidget() 添加工具栏中按钮以外的控件
- addToolBar() 使用QMainWindow类的方法添加一个新的工具栏
- setMovable() 设置工具栏是否可移动
- setOrientation()设置工具栏的显示方向
- Qt.Horizontal 水平显示
- Qt.Vertical 垂直显示
- 常用的信号
- actionTriggered 当点击工具栏上的按钮时,触发该信号,并且参数传递该QAction对象的引用到槽函数 案例4-35 QToolBar工具栏的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class ToolBarDemo(QMainWindow): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-35 QToolBar工具栏的使用") 10 self.resize(300, 200) 11 12 layout = QVBoxLayout() 13 toolBar = self.addToolBar("File") 14 new = QAction(QIcon("./images/new.png"), "new", self) 15 toolBar.addAction(new) 16 17 open = QAction(QIcon("./images/open.png"), "open", self) 18 toolBar.addAction(open) 19 20 save = QAction(QIcon("./images/save.png"), "save", self) 21 toolBar.addAction(save) 22 23 toolBar.actionTriggered[QAction].connect(self.toolbtnPressed) 24 toolBar.setMovable(True) 25 self.setLayout(layout) 26 27 def toolbtnPressed(self, action): 28 print("pressed tool button is ", action.text()) 29 30 31if __name__ == '__main__': 32 app = QApplication(sys.argv) 33 win = ToolBarDemo() 34 win.show() 35 sys.exit(app.exec_())
解析
- 调用QMainWindow窗口创建一个新的工具栏
toolBar = self.addToolBar("File")
- 将具有图形和文本名称的QAction对象添加到工具栏中
1open = QAction(QIcon("./images/open.png"), "open", self) 2toolBar.addAction(open)
- 将actionTriggered的信号连接到槽函数toolbtnPressed上
toolBar.actionTriggered[QAction].connect(self.toolbtnPressed)
4.13.3 QStatusBar状态栏
- QMainWindow对象在底部保留一个水平条,作为状态栏(QStatusBar),用于永久或者临时显示状态信息
- 常用的方法
- addWidget() 在状态栏中添加给定的窗口部件对象
- addPermanentWidget() 在状态栏中添加永久的小部件对象
- showMessage() 在状态栏显示一条临时信息指定时间间隔
- clearMessage() 删除状态栏中显示的信息
- removeWidget() 从状态栏中删除指定的小控件
- setStatusBar() 设置一个状态栏 案例4-36 QStatusBar状态栏的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5 6class StatusBarDemo(QMainWindow): 7 def __init__(self): 8 super().__init__() 9 self.setWindowTitle("案例4-36 QStatusBar状态栏的使用") 10 menuBar = self.menuBar() 11 file = menuBar.addMenu("File") 12 file.addAction("show") 13 file.triggered[QAction].connect(self.actionPressed) 14 self.setCentralWidget(QTextEdit()) 15 self.statusBar = QStatusBar() 16 self.setStatusBar(self.statusBar) 17 18 def actionPressed(self, action): 19 if action.text() == "show": 20 # 默认显示时间为0也就是永久显示 此处设置显示5s 之后消失 21 self.statusBar.showMessage(action.text()+"菜单栏选项被点击了", 5000) 22 23 24if __name__ == '__main__': 25 app = QApplication(sys.argv) 26 win = StatusBarDemo() 27 win.show() 28 sys.exit(app.exec_())
解析
- 在这个例子中顶层窗口 MainWindow有一个菜单栏和一个QTextEdit控件作为窗口的中心部件
- 当单击MenuBar中的菜单项show时就会触发triggered信号,并且连接槽函数actionPressed,将点击的菜单项信息显示在状态栏中,持续5s
1file.triggered[QAction].connect(self.actionPressed) 2def actionPressed(self, action): 3 if action.text() == "show": 4 # 默认显示时间为0也就是永久显示 此处设置显示5s 之后消失 5 self.statusBar.showMessage(action.text()+"菜单栏选项被点击了", 5000)
4.14 QPrinter
- 打印图像是图像处理软件中的一个常用的功能,打印图像实际上是在QPaintDevice中画图
- 打印时使用的是QPrinter对象,本质跟之前的QPixmap差不多,也是一种PaintDevice(绘图设备) 案例4-37 QPrinter打印图像的使用
1import sys 2from PyQt5.QtWidgets import * 3from PyQt5.QtCore import * 4from PyQt5.QtGui import * 5from PyQt5.QtPrintSupport import * 6 7class printerDemo(QMainWindow): 8 def __init__(self): 9 super().__init__() 10 self.setWindowTitle("案例4-37 QPrinter打印图像的使用") 11 12 self.ImageLabel = QLabel() 13 self.ImageLabel.setSizePolicy(QSizePolicy.Ignored, QSizePolicy.Ignored) 14 self.setCentralWidget(self.ImageLabel) 15 self.image = QImage() 16 self.createActions() 17 self.createMenus() 18 self.createToolBars() 19 20 if self.image.load("./images/screen.png"): 21 # image对象转换为pixmap对象 22 self.ImageLabel.setPixmap(QPixmap.fromImage(self.image)) 23 self.resize(self.image.width(), self.image.height()) 24 25 def createActions(self): 26 # self.tr()表示的是多语言国际化 27 self.PrintAction = QAction(QIcon("./images/printer.png"), self.tr("打印"), self) 28 self.PrintAction.setShortcut("Ctrl+P") 29 self.PrintAction.triggered.connect(self.slotPrint) 30 31 def createMenus(self): 32 PrintMemu = self.menuBar().addMenu(self.tr("打印")) 33 PrintMemu.addAction(self.PrintAction) 34 35 def createToolBars(self): 36 fileToolBar = self.addToolBar("Print") 37 fileToolBar.addAction(self.PrintAction) 38 39 def slotPrint(self): 40 printer = QPrinter() 41 printerDialog = QPrintDialog(printer, self) 42 if printerDialog.exec_(): 43 painter = QPainter(printer) 44 # 得到绘图的视图大小 45 rect = painter.viewport() 46 size = self.image.size() 47 # 设置缩放比例为视图大小,并且保持宽高比 48 size.scale(rect.size(), Qt.KeepAspectRatio) 49 painter.setViewport((rect.x(), rect.y(), size.width(), size.height())) 50 painter.setWindow(self.image.rect()) 51 painter.drawImage(0, 0, self.image) 52 53if __name__ == '__main__': 54 app = QApplication(sys.argv) 55 win = printerDemo() 56 win.show() 57 sys.exit(app.exec_())
解析
- 创建了QAction对象给菜单栏和工具栏共用
1def createActions(self): 2 # self.tr()表示的是多语言国际化 3 self.PrintAction = QAction(QIcon("./images/printer.png"), self.tr("打印"), self) 4 self.PrintAction.setShortcut("Ctrl+P") 5 self.PrintAction.triggered.connect(self.slotPrint) 6 7def createMenus(self): 8 PrintMemu = self.menuBar().addMenu(self.tr("打印")) 9 PrintMemu.addAction(self.PrintAction) 10 11def createToolBars(self): 12 fileToolBar = self.addToolBar("Print") 13 fileToolBar.addAction(self.PrintAction)
- 多语言国际化编写字符串
self.tr("打印")
- 缩放时设置宽高大小时,还要设置宽高比的模式,此处是保持宽高比
size.scale(rect.size(), Qt.KeepAspectRatio)
