PyQt5保姆级教程– 从入门到精通

主要内容：

搭建PyQt5开发环境

工具：

Python

PyQt5模块

PyCharm

在PyCharm里面安装PyQt5

pip install PyQt5 -i https://pypi.douban.com/simple

在PyCharm里面安装Qt的工具包

pip install PyQt5-tools -i https://pypi.douban.com/simple

在安装tools时，报如下错误：

1.pip install PyQt5-tools安装失败

WARNING: Ignoring invalid distribution -yqt5 (e:\venvs\pyqt5_demo1\lib\site-packages)Installing collected packages: pyqt5, click, qt5-tools, pyqt5-plugins, pyqt5-toolsERROR: Could not install packages due to an OSError: [WinError 5] 拒绝访问。: 'e:\\venvs\\pyqt5_demo1\\Lib\\site-packages\\PyQt5\\QtCore.pyd'Check the permissions.

解决办法：

第一步：

将pip install ...加入--user为pip install --user ...即可

pip install PyQt5-tools  -i https://pypi.douban.com/simple   --user

换个思路

重启电脑，继续输入第一条命令安装

原因分析，可能占用了进程。

2.配置Qt Designer

Working directory：$FileDir$

3.配置PyUIC

Program：python的安装目录下的python.exe文件Arguments：-m PyQt5.uic.pyuic  $FileName$ -o $FileNameWithoutExtension$.py

4.配置Pyrcc

Program：python的安装目录下的Scripts文件夹的pyrcc5.exe文件Arguments：$FileName$ -o $FileNameWithoutExtension$_rc.py

展示效果如下：

5.ui转py的过程：

1.点击EXternal Tools里面的QTDesigner，会跳转到QT界面，

拖动组件，调整好界面，保存为first文件，它会默认生成first.ui文件

选中文件，鼠标右击，打开扩展，选择PyUIC,它会生成.py文件

将.ui文件转化为.py文件的命令行方法：

python -m PyQt5.uic.pyuic demo.ui -o demo.py

6.开发第一个基于PyQt5的桌面应用

必须使用两个类: QApplication和QWidget。都在PyQt5.QtWidgets。

第一个类表示应用程序，第二个类表示窗口

输入如下代码：

# 开发第一个基于PyQt5的桌面应用import sysfrom PyQt5.QtWidgets import QApplication,QWidgetif __name__ == '__main__':    # 创建QApplication类的实例    app = QApplication(sys.argv)    # 创建一个窗口    w = QWidget()    # 设置窗口尺寸   宽度300，高度150    w.resize(400,200)    # 移动窗口    w.move(300,300)    # 设置窗口的标题    w.setWindowTitle('第一个基于PyQt5的桌面应用')    # 显示窗口    w.show()    # 进入程序的主循环，并通过exit函数确保主循环安全结束(该释放资源的一定要释放)    sys.exit(app.exec_())

效果如下：

也可以在命令行运行

python 文件名.py

7.基本操作

左侧是可以选择的组件，右侧可以设定属性值，设置完成之后，可以在窗体选择预览，选择查看c++和python代码。

8.在QtDesigner中使用水平布局(Vertical Layout)

两种方式：

(1)先移组件，再布局。

放置五个按钮，让这五个按钮等宽的，水平的排列

（全部选中–>鼠标右键–>布局–>水平布局 预览）

预览：

(2)先布局，再移组件。

生成demo1.ui文件

转成demo2.py文件，转成py文件，才能在程序里面调。

生成的代码如下：

# -*- coding: utf-8 -*-# Form implementation generated from reading ui file 'demo1.ui'## Created by: PyQt5 UI code generator 5.15.4## WARNING: Any manual changes made to this file will be lost when pyuic5 is# run again.  Do not edit this file unless you know what you are doing.from PyQt5 import QtCore, QtGui, QtWidgetsclass Ui_MainWindow(object):    def setupUi(self, MainWindow):        MainWindow.setObjectName("MainWindow")        MainWindow.resize(800, 600)        self.centralwidget = QtWidgets.QWidget(MainWindow)        self.centralwidget.setObjectName("centralwidget")        self.widget = QtWidgets.QWidget(self.centralwidget)        self.widget.setGeometry(QtCore.QRect(70, 50, 651, 51))        self.widget.setObjectName("widget")        self.horizontalLayout = QtWidgets.QHBoxLayout(self.widget)        self.horizontalLayout.setContentsMargins(0, 0, 0, 0)        self.horizontalLayout.setObjectName("horizontalLayout")        self.pushButton = QtWidgets.QPushButton(self.widget)        self.pushButton.setObjectName("pushButton")        self.horizontalLayout.addWidget(self.pushButton)        self.pushButton_2 = QtWidgets.QPushButton(self.widget)        self.pushButton_2.setObjectName("pushButton_2")        self.horizontalLayout.addWidget(self.pushButton_2)        self.pushButton_3 = QtWidgets.QPushButton(self.widget)        self.pushButton_3.setObjectName("pushButton_3")        self.horizontalLayout.addWidget(self.pushButton_3)        self.pushButton_4 = QtWidgets.QPushButton(self.widget)        self.pushButton_4.setObjectName("pushButton_4")        self.horizontalLayout.addWidget(self.pushButton_4)        self.widget1 = QtWidgets.QWidget(self.centralwidget)        self.widget1.setGeometry(QtCore.QRect(110, 160, 578, 194))        self.widget1.setObjectName("widget1")        self.horizontalLayout_2 = QtWidgets.QHBoxLayout(self.widget1)        self.horizontalLayout_2.setContentsMargins(0, 0, 0, 0)        self.horizontalLayout_2.setObjectName("horizontalLayout_2")        self.listView = QtWidgets.QListView(self.widget1)        self.listView.setObjectName("listView")        self.horizontalLayout_2.addWidget(self.listView)        self.pushButton_5 = QtWidgets.QPushButton(self.widget1)        self.pushButton_5.setObjectName("pushButton_5")        self.horizontalLayout_2.addWidget(self.pushButton_5)        self.checkBox = QtWidgets.QCheckBox(self.widget1)        self.checkBox.setObjectName("checkBox")        self.horizontalLayout_2.addWidget(self.checkBox)        self.radioButton = QtWidgets.QRadioButton(self.widget1)        self.radioButton.setObjectName("radioButton")        self.horizontalLayout_2.addWidget(self.radioButton)        MainWindow.setCentralWidget(self.centralwidget)        self.menubar = QtWidgets.QMenuBar(MainWindow)        self.menubar.setGeometry(QtCore.QRect(0, 0, 800, 26))        self.menubar.setObjectName("menubar")        MainWindow.setMenuBar(self.menubar)        self.statusbar = QtWidgets.QStatusBar(MainWindow)        self.statusbar.setObjectName("statusbar")        MainWindow.setStatusBar(self.statusbar)        self.retranslateUi(MainWindow)        QtCore.QMetaObject.connectSlotsByName(MainWindow)    def retranslateUi(self, MainWindow):        _translate = QtCore.QCoreApplication.translate        MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))        self.pushButton.setText(_translate("MainWindow", "Button1"))        self.pushButton_2.setText(_translate("MainWindow", "Button2"))        self.pushButton_3.setText(_translate("MainWindow", "Button3"))        self.pushButton_4.setText(_translate("MainWindow", "Button4"))        self.pushButton_5.setText(_translate("MainWindow", "PushButton"))        self.checkBox.setText(_translate("MainWindow", "CheckBox"))        self.radioButton.setText(_translate("MainWindow", "RadioButton"))

如何在程序里面调用，先新建一个Run_demo1.py文件

代码如下：

import sysimport demo1from PyQt5.QtWidgets import QApplication,QMainWindowif __name__ == '__main__':    # 只有直接运行这个脚本，才会往下执行    # 别的脚本文件执行，不会调用这个条件句    # 实例化，传参    app = QApplication(sys.argv)    # 创建对象    mainWindow = QMainWindow()    # 创建ui，引用demo1文件中的Ui_MainWindow类    ui = demo1.Ui_MainWindow()    # 调用Ui_MainWindow类的setupUi，创建初始组件    ui.setupUi(mainWindow)    # 创建窗口    mainWindow.show()    # 进入程序的主循环，并通过exit函数确保主循环安全结束(该释放资源的一定要释放)    sys.exit(app.exec_())

运行：

弹出如下窗口：

此时出现了一个小问题：

如何解决： (将此目录生成源代码目录)

设置完成之后，等待加载完成，导入文件名底下的红线消失

9.在QtDesigner中使用垂直布局(Horizontal Layout)

和水平布局的操作类似，也有两种布局方式：

(1) 先移动组件，再布局

(2) 先布局，再移动组件

点击保存，生成垂直布局文件demo2.ui

右键demo2.ui,生成demo2.py文件

demo2.py的代码如下：

# -*- coding: utf-8 -*-# Form implementation generated from reading ui file 'demo2.ui'## Created by: PyQt5 UI code generator 5.15.4## WARNING: Any manual changes made to this file will be lost when pyuic5 is# run again.  Do not edit this file unless you know what you are doing.from PyQt5 import QtCore, QtGui, QtWidgetsclass Ui_MainWindow(object):    def setupUi(self, MainWindow):        MainWindow.setObjectName("MainWindow")        MainWindow.resize(800, 600)        self.centralwidget = QtWidgets.QWidget(MainWindow)        self.centralwidget.setObjectName("centralwidget")        self.verticalLayoutWidget = QtWidgets.QWidget(self.centralwidget)        self.verticalLayoutWidget.setGeometry(QtCore.QRect(180, 150, 441, 371))        self.verticalLayoutWidget.setObjectName("verticalLayoutWidget")        self.verticalLayout_2 = QtWidgets.QVBoxLayout(self.verticalLayoutWidget)        self.verticalLayout_2.setContentsMargins(0, 0, 0, 0)        self.verticalLayout_2.setObjectName("verticalLayout_2")        self.label = QtWidgets.QLabel(self.verticalLayoutWidget)        self.label.setObjectName("label")        self.verticalLayout_2.addWidget(self.label)        self.pushButton_6 = QtWidgets.QPushButton(self.verticalLayoutWidget)        self.pushButton_6.setObjectName("pushButton_6")        self.verticalLayout_2.addWidget(self.pushButton_6)        self.pushButton_5 = QtWidgets.QPushButton(self.verticalLayoutWidget)        self.pushButton_5.setObjectName("pushButton_5")        self.verticalLayout_2.addWidget(self.pushButton_5)        self.pushButton_4 = QtWidgets.QPushButton(self.verticalLayoutWidget)        self.pushButton_4.setObjectName("pushButton_4")        self.verticalLayout_2.addWidget(self.pushButton_4)        self.checkBox = QtWidgets.QCheckBox(self.verticalLayoutWidget)        self.checkBox.setObjectName("checkBox")        self.verticalLayout_2.addWidget(self.checkBox)        self.widget = QtWidgets.QWidget(self.centralwidget)        self.widget.setGeometry(QtCore.QRect(40, 40, 95, 121))        self.widget.setObjectName("widget")        self.verticalLayout = QtWidgets.QVBoxLayout(self.widget)        self.verticalLayout.setContentsMargins(0, 0, 0, 0)        self.verticalLayout.setObjectName("verticalLayout")        self.pushButton = QtWidgets.QPushButton(self.widget)        self.pushButton.setObjectName("pushButton")        self.verticalLayout.addWidget(self.pushButton)        self.pushButton_2 = QtWidgets.QPushButton(self.widget)        self.pushButton_2.setObjectName("pushButton_2")        self.verticalLayout.addWidget(self.pushButton_2)        self.pushButton_3 = QtWidgets.QPushButton(self.widget)        self.pushButton_3.setObjectName("pushButton_3")        self.verticalLayout.addWidget(self.pushButton_3)        MainWindow.setCentralWidget(self.centralwidget)        self.menubar = QtWidgets.QMenuBar(MainWindow)        self.menubar.setGeometry(QtCore.QRect(0, 0, 800, 26))        self.menubar.setObjectName("menubar")        MainWindow.setMenuBar(self.menubar)        self.statusbar = QtWidgets.QStatusBar(MainWindow)        self.statusbar.setObjectName("statusbar")        MainWindow.setStatusBar(self.statusbar)        self.retranslateUi(MainWindow)        QtCore.QMetaObject.connectSlotsByName(MainWindow)    def retranslateUi(self, MainWindow):        _translate = QtCore.QCoreApplication.translate        MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))        self.label.setText(_translate("MainWindow", "TextLabel"))        self.pushButton_6.setText(_translate("MainWindow", "PushButton"))        self.pushButton_5.setText(_translate("MainWindow", "PushButton"))        self.pushButton_4.setText(_translate("MainWindow", "PushButton"))        self.checkBox.setText(_translate("MainWindow", "CheckBox"))        self.pushButton.setText(_translate("MainWindow", "PushButton"))        self.pushButton_2.setText(_translate("MainWindow", "PushButton"))        self.pushButton_3.setText(_translate("MainWindow", "PushButton"))

在python程序里面调用，新建Run_demo2.py文件

代码如下：

import sysimport demo2from PyQt5.QtWidgets import QApplication,QMainWindowif __name__ == '__main__':    # 只有直接运行这个脚本，才会往下执行    # 别的脚本文件执行，不会调用这个条件句    # 实例化，传参    app = QApplication(sys.argv)    # 创建对象    mainWindow = QMainWindow()    # 创建ui，引用demo1文件中的Ui_MainWindow类    ui = demo2.Ui_MainWindow()    # 调用Ui_MainWindow类的setupUi，创建初始组件    ui.setupUi(mainWindow)    # 创建窗口    mainWindow.show()    # 进入程序的主循环，并通过exit函数确保主循环安全结束(该释放资源的一定要释放)    sys.exit(app.exec_())

运行程序：

10.在QtDesigner里面同时创建垂直布局和水平布局

新建一个 main window,点击 创建

在布局的时候，windows里面，可以通过ctrl+上下左右进行微调。

文件保存，命名为demo3.ui文件，同样用拓展工具，生成demo3.py文件。

同样，新建运行文件Run_demo3.py文件，代码如下：

import sysimport demo3from PyQt5.QtWidgets import QApplication,QMainWindowif __name__ == '__main__':    # 只有直接运行这个脚本，才会往下执行    # 别的脚本文件执行，不会调用这个条件句    # 实例化，传参    app = QApplication(sys.argv)    # 创建对象    mainWindow = QMainWindow()    # 创建ui，引用demo1文件中的Ui_MainWindow类    ui = demo3.Ui_MainWindow()    # 调用Ui_MainWindow类的setupUi，创建初始组件    ui.setupUi(mainWindow)    # 创建窗口    mainWindow.show()    # 进入程序的主循环，并通过exit函数确保主循环安全结束(该释放资源的一定要释放)    sys.exit(app.exec_())

运行代码，结果如下：

11.在QtDesigner中同时使用栅格布局(Grid Layout)

拖放四个按钮之后，选中栅格布局

选中之后，效果如下：

拖拽边角，可以放大：

练习：利用栅格布局实现计算器数字区域

拖动button键调整好位置，全选之后选中布局，再选栅格布局

点击栅格之后，效果如下：

保存，生成demo4.ui文件

同样进行上述操作，转成demo4.py文件，新建Run_demo4.py文件，代码如下：

import sysimport demo4from PyQt5.QtWidgets import QApplication,QMainWindowif __name__ == '__main__':    # 只有直接运行这个脚本，才会往下执行    # 别的脚本文件执行，不会调用这个条件句    # 实例化，传参    app = QApplication(sys.argv)    # 创建对象    mainWindow = QMainWindow()    # 创建ui，引用demo1文件中的Ui_MainWindow类    ui = demo4.Ui_MainWindow()    # 调用Ui_MainWindow类的setupUi，创建初始组件    ui.setupUi(mainWindow)    # 创建窗口    mainWindow.show()    # 进入程序的主循环，并通过exit函数确保主循环安全结束(该释放资源的一定要释放)    sys.exit(app.exec_())

效果如下：

栅格布局的注意点：摆放控件要尽可能的整齐，这样系统才会正确的识别。

栅格布局和水平布局，垂直布局一样，可以后期添加控件。

12.向栅格布局中拖动控件

13.在QtDesigner中使用表单布局(Form Layout)

新建一个 main window,点击 创建

选择需要的控件，进行如下操作：

调整好布局，保存文件为demo5.ui

利用pyUIC插件，生成python代码调试

创建Run_demo5.py文件，执行代码如下：

import sysimport demo5from PyQt5.QtWidgets import QApplication,QMainWindowif __name__ == '__main__':    # 只有直接运行这个脚本，才会往下执行    # 别的脚本文件执行，不会调用这个条件句    # 实例化，传参    app = QApplication(sys.argv)    # 创建对象    mainWindow = QMainWindow()    # 创建ui，引用demo1文件中的Ui_MainWindow类    ui = demo5.Ui_MainWindow()    # 调用Ui_MainWindow类的setupUi，创建初始组件    ui.setupUi(mainWindow)    # 创建窗口    mainWindow.show()    # 进入程序的主循环，并通过exit函数确保主循环安全结束(该释放资源的一定要释放)    sys.exit(app.exec_())

效果如下：

14.在容器中完成布局

跟上面一样，新建一个MainWindow，添加对应的组件，鼠标右键点击，变形为对应的容器。

同理，生成demo6.py文件，新建Run_demo6文档，添加代码

import sysimport demo6from PyQt5.QtWidgets import QApplication,QMainWindowif __name__ == '__main__':    # 只有直接运行这个脚本，才会往下执行    # 别的脚本文件执行，不会调用这个条件句    # 实例化，传参    app = QApplication(sys.argv)    # 创建对象    mainWindow = QMainWindow()    # 创建ui，引用demo1文件中的Ui_MainWindow类    ui = demo6.Ui_MainWindow()    # 调用Ui_MainWindow类的setupUi，创建初始组件    ui.setupUi(mainWindow)    # 创建窗口    mainWindow.show()    # 进入程序的主循环，并通过exit函数确保主循环安全结束(该释放资源的一定要释放)    sys.exit(app.exec_())

运行程序

15.在QtDesigner中使用绝对布局

跟上面一样，新建一个MainWindow，添加对应的组件，

同理，生成demo7.py文件，新建Run_demo7文档，添加代码(代码如上，略作修改)，PyCharm里运行如下：

15.在QtDesigner中使用分割线与间隔

跟上面一样，新建一个MainWindow，

新建4个按钮，设置水平间隔，新建3个按钮，设置垂直间隔

在A2和A3之间设立分割线，在B2和B3之间设立分割线

保存文件为demo8.ui ,转为demo8.py代码，新建Run_demo8.py，添加代码(代码如上，略作修改)，PyCharm里运行如下：

16.布局的最大尺寸和最小尺寸

默认状态下，它的尺寸可以自由调节，跟上面一样，新建一个MainWindow，

可以看到，原本这个bushButton控件最小宽高可以到0，最大宽高可以到1677215

通过改变右侧栏的值，就可以设置它不小于多少，不大于多少。

16.尺寸策略(sizePolicy)

对于大多数控件来说，sizeHint(期望尺寸)是只可读的，也就是说，你布局的时候不管拖拽多大，最后输出的还是默认值

读取pushButton的期望尺寸：

self.pushButton.sizeHint().width()self.pushButton.sizeHint().height()

即可以看到，一个pushButton的期望尺寸，宽是41，高度是28

在demo7里进行上面操作，还是得到一样的数值。

同理，也可以进行读取其他控件的操作，比如读取textBrowser的宽高，代码如下：

self.c.sizeHint().width()self.textBrowser.sizeHint().height()

效果如下：

即可以看到：控件textBrowser的默认宽高分别为256和192。

同样，也可以看最小的期望尺寸，以pushButton为例，其代码如下：

self.pushButton.minimumSizeHint().width()self.pushButton.minimumSizeHint().height()

还是以demo7.py测试

可以看到，对于大部分控件来说，它的期望尺寸和最小期望尺寸是一样的

为何使用尺寸策略：

就是因为拓展的组件无论如何拖拽大小，经过布局设置之后，会回到默认的大小，为了让布局更有个性，采用尺寸策略，可以改变组件的期望尺寸。如图：

练习，左侧放树，构造分栏效果

保存文档为demo9.ui,转为demo9.py代码，新建Run_demo9.py，添加代码(代码如上，略作修改)，PyCharm里运行如下：

17.在QtDesigner里面设置控件之间的伙伴关系

即控件关联之后，可以通过一个控件来控制另外一个控件

新建一个MainWindow，布局如下，保存为demo10.ui

接着：

如上图所示，水平布局后面的“H”为热键 ，Ctrl +1 为快捷键

​ 垂直布局后面的“V”为热键 ，Ctrl +2 为快捷键

热键：只有在这个菜单显示时，按“H”时，才会起作用。菜单关闭时，按“H”不起作用。“V”同理。

然后给demo10.ui文件的lable添加热键：

给姓名添加热键成：姓名(&A):

给年龄添加热键成：年龄(&B):

给邮箱添加热键成：邮箱(&C):

然后打开编辑伙伴，按住鼠标左键，选中lable指向Line Edit

然后选择编辑窗口部件，会切回到正常的部件

保存文件为demo10.ui ,转为demo10.py代码，新建Run_demo10.py，添加代码(代码如上，略作修改)，PyCharm里运行如下：

再添加三个lable试一下效果，删除掉原来的demo10.py文件，用新保存的demo10.ui去生成新的demo10.py文件，点击运行查看效果

果然，按住alt+a,alt+b,alt+c,alt+d,alt+e.alt+f分别在右边对应的的Line Edit里面有焦点光标。

拓展：

18.如何修改控件的Tab顺序

新建一个MainWindow，布局如下，在Edit里面，选中 编辑 Tab顺序，在控件前端就会出现序号，这个序号就是顺序

也可以选中从这里开始或者重新开始，依次点击形成顺序。

接下来选中统一的 Line Edit来演示

保存文档为demo11.ui,转为demo11.py代码，新建Run_demo11.py，添加代码(代码如上，略作修改)，PyCharm里运行如下：

按Tab 键，焦点光标就会按照指定的顺序在Line Edit内跳转

19.在QtDesigner中完成信号与槽的设置

信号(signal)与槽(slot)是Qt的核心机制，由于PyQt忠实的继承了Qt的所有特性，所有信号与槽也是PyQt的核心机制。

信号：是由对象或控件发射出去的消息。可以理解为按钮的单击事件。

当单击按钮时，按钮就会向外部发送单击的消息，这些发送出去的信号需要一些代码来拦截，这些代码就是槽

槽本质上是一个函数或者方法，信号可以理解为事件，槽可以理解为事件函数

信号与槽的设置：就是需要将信号和槽绑定

一个信号可以和多个槽绑定，一个槽可以拦截多个信号。

信号和槽绑定有两种方式，一种是用QtDesigner进行绑定，一种是在代码中进行绑定

(1)用QtDesigner进行信号和槽绑定

需求：单机按钮，关闭窗口

新建一个MainWindow，拖拽一个pashButton按钮，修改文本为“关闭窗口”

在Edit里选择编辑信号/槽，点击pashButton按钮向外拖拽，

在Edit里选择编辑信号/槽，点击pashButton按钮向外拖拽，松开鼠标，左栏选择clicked(),勾选左下角“显示从QWidget”继承信号和槽，右栏选择close(),然后点击右下角ok.

在Edit里面选择“编辑窗口部件”，对布局页面进行恢复。

在“窗体”里选择“预览于”，选择“Windows风格”

此时点击页面的“关闭窗口”，则页面就会关闭

练习

添加两个CheckBox进行如下操作：

给第一个CheckBox进行信号与槽的绑定

给第二个CheckBox进行信号与槽的绑定

在Edit里面选择”编辑窗口部件”进行恢复主窗口

恢复完成后，窗口如下：

预览效果如下：

取消勾选check box的选项，下面的line Edit视角效果也会相应的变换。

保存文档为demo12.ui,转为demo12.py代码，新建Run_demo12.py，添加代码(代码如上，略作修改)，PyCharm里运行如下：

拓展：

(2)用代码完成关闭主窗口

​ 见第23节

20 在QtDesigner中为窗口添加菜单和工具栏

一个窗口，应该拥有菜单栏，工具栏，状态栏

新建一个MainWindow，添加菜单栏，添加完成之后，也可以右键点击，选择移除，同理添加工具栏。

给菜单栏添加内容：

在”窗体“里选择预览，效果如下：

在菜单和工具条里面如何添加按钮？

不管是菜单还是工具条的按钮，是一个action的动作，添加步骤如下：

在”视图”里，选择动作编辑器

两个菜单自动生成两个动作，双击可用设置动作

点击”ok”之后，主窗口变化如下：

保存文档为demo13.ui,转为demo13.py代码，新建Run_demo13.py，添加代码(代码如上，略作修改)，PyCharm里运行如下：

21 创建主窗口

主窗口类型，有三种窗口

如下图所示，新建一个controls文件夹，在controls里面新建images文件夹用来装图片，在controls里面新建

FirstMainWin.py文件。

在FirstMainWin.py文件中，添加代码如下：

# 第一个主窗口# 把所有和UI有关的代码都放在一个类里面，创建窗口只要创建类的实例就可以了import sys# 从PyQt里面创建窗口和应用from PyQt5.QtWidgets import QMainWindow,QApplication# 用来添加图标from PyQt5.QtGui import QIcon# 定义一个类，这个类从QMainWindow里面继承class FristMainWin(QMainWindow):    # 初始化    def __init__(self,parent=None):        super(FristMainWin,self).__init__(parent)        # 设置主窗口的标题        self.setWindowTitle('第一个主窗口应用')        # 设置窗口的尺寸        self.resize(400,300)        # 获得状态栏        self.status = self.statusBar()        # 在状态栏上，设置消息的状态时间5000ms        self.status.showMessage('只存在5秒的消息',5000)    # 防止别的脚本调用，只有自己单独运行，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app =  QApplication(sys.argv)    # 设置图标    app.setWindowIcon(QIcon('images/horse.jpg'))    # 创建对象    main = FristMainWin()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数确保主循环安全结束(该释放资源的一定要释放)    sys.exit(app.exec_())

运行代码，效果如下：

五秒之后，页面效果如下：

22.让主窗口居中显示

计算窗口的左上角的坐标

移动左上角的坐标，带动整个窗口的移动。

左上角的横坐标就是窗口的左边距，左上角的纵坐标就是窗口的上边距到顶部的值

新建CenterForm.py文件，执行代码：

# 让主窗口居中显示# 通过QDesktopWidget类相应的API可以得到整个屏幕的尺寸# 通过move方法移动窗口import sys# 从PyQt里面创建窗口和应用from PyQt5.QtWidgets import QDesktopWidget,QMainWindow,QApplication# 用来添加图标from PyQt5.QtGui import QIcon# 定义一个类，这个类从QMainWindow里面继承class CenterForm(QMainWindow):    # 初始化    def __init__(self,parent=None):        super(CenterForm,self).__init__(parent)        # 设置主窗口的标题        self.setWindowTitle('让窗口居中')        # 设置窗口的尺寸        self.resize(400,300)        # 添加center方法，作用就是让窗口居中        def center(self):            # 创建实例，获得屏幕对象,得到屏幕的坐标系            screen = QDesktopWidget().screenGeometry()            # 得到窗口的坐标系            size = self.geometry()            # 获取屏幕的宽度、高度            # 窗口左边缘的坐标等于(屏幕的宽度-窗口的宽度)/2            newLeft = (screen.width()-size.width()) / 2            # 屏幕上边缘的坐标等于(屏幕的高度-窗口的高度) / 2            newTop = (screen.height() - size.height()) / 2            # 移动窗口            self.move(newLeft,newTop)        #  获得状态栏        # self.status = self.statusBar()        #        # # 在状态栏上，设置消息的状态时间5000ms        # self.status.showMessage('只存在5秒的消息',5000)    # 防止别的脚本调用，只有自己单独运行，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app =  QApplication(sys.argv)    # 设置图标    # app.setWindowIcon(QIcon('images/001.jpg'))    # 创建对象    main =CenterForm()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数确保主循环安全结束(该释放资源的一定要释放)    sys.exit(app.exec_())

效果展示：

23.如何退出应用程序

可以通过关闭主窗口，由于整个程序只有一个窗口，关闭主窗口之后，应用程序就会退出，之前在第19节演示过

换个思路，通过代码，在窗口上添加一个pashButton,调用QApplication里面的click()方法，来实现退出应用程序，关闭所有窗口

在controls文件夹里，新建QuitApplication.py文件，添加下列代码

# 退出应用程序# 用到了水平布局，引入QHBoxLayout# 需要一个控件，引入了QWidget# 需要butoon，引入了QPushButtonimport sysfrom PyQt5.QtWidgets import QHBoxLayout,QMainWindow,QApplication,QPushButton,QWidget# 用来添加图标from PyQt5.QtGui import QIconclass QuitApplication(QMainWindow):    # 初始化    def __init__(self):        super(QuitApplication,self).__init__()        # 设计窗口的尺寸        self.resize(300,120)        # 设置主窗口的标题        self.setWindowTitle('退出应用程序')        # 添加Button        # 创建全局对象self.button1        self.button1 = QPushButton('退出应用程序')        # 发送单击信号，执行对应的方法  (将信息与槽关联)        self.button1.clicked.connect(self.onClick_Button)        # 创建水平布局        layout = QHBoxLayout()        # 将组件加到水平局部里面        layout.addWidget(self.button1)        # 放置一个主框架        mainFrame = QWidget()        # 在主框架内添加水平布局        mainFrame.setLayout(layout)        # 把主框架放在窗口上        self.setCentralWidget(mainFrame)    # 按钮的单击事件的方法(自定义的槽)    def onClick_Button(self):        sender = self.sender()        print(sender.text() + '按钮被按下')        # 得到实例        app = QApplication.instance()        # 退出应用程序        app.quit()    # 防止别的脚本调用，只有自己单独运行，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app =  QApplication(sys.argv)    # 设置图标    app.setWindowIcon(QIcon('images/001.jpg'))    # 创建对象    main = QuitApplication()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数确保主循环安全结束(该释放资源的一定要释放)    sys.exit(app.exec_())

运行代码，效果如下：

点击“退出应用程序”

24.屏幕坐标系

在controls文件夹里，新建ScreenGeometry.py文件，添加下列代码

# 屏幕坐标系# 它是以屏幕左上角为原点，划分的坐标系# 下面演示用面向过程的方式进行演示  （面向对象的方式需要创建类，创建方法）import sysfrom PyQt5.QtWidgets import QHBoxLayout,QMainWindow,QApplication,QPushButton,QWidget# 创建实例app = QApplication(sys.argv)# 创建窗口widget = QWidget()# 在窗口里放buttonbtn = QPushButton(widget)# 在button里面更改文本btn.setText("按钮")# 添加点击事件，让鼠标点击button后，打印出“onclick”def onClick_Button():    print("第一种方式获取各个值")    # 窗口离屏幕原点到y轴的距离    print("widget.x() = %d" % widget.x())   # 600 （以屏幕为原点的窗口横坐标）    # 窗口离屏幕原点到x轴的距离    print("widget.y() = %d" % widget.y())    # 200  （以屏幕为原点的窗口纵坐标，不包含标题栏）    # 窗口本身的宽度    print("widget.width()=%d" % widget.width())    # 300 (窗口宽度)    # 窗口本身的高度    print("widget.height()= %d" % widget.height())    # 240  (工作区高度)    print("第二种方式获取各个值")    # 窗口离屏幕原点到y轴的距离    print("widget.geometry().x() = %d" % widget.geometry().x())  # 601   （以屏幕为原点的窗口横坐标）    # 窗口离屏幕原点到x轴的距离    print("widget.geometry().y() = %d" % widget.geometry().y())  # 238    （以屏幕为原点的窗口纵坐标，包含标题栏）    # 窗口本身的宽度    print("widget.geometry().width()=%d" % widget.geometry().width())  # 300    (窗口宽度)    # 窗口本身的高度    print("widget.geometry().height()= %d" % widget.geometry().height())  # 240    (工作区高度)    print("第三种方式获取各个值")    # 窗口离屏幕原点到y轴的距离    print("widget.frameGeometry().x() = %d" % widget.frameGeometry().x())    # 600  （以屏幕为原点的窗口横坐标）    # 窗口离屏幕原点到x轴的距离    print("widget.frameGeometry().y() = %d" % widget.frameGeometry().y())    # 200    （以屏幕为原点的窗口纵坐标，不包含标题栏）    # 窗口本身的宽度    print("widget.frameGeometry().width()=%d" % widget.frameGeometry().width())    # 302   (窗口宽度)    # 窗口本身的高度    print("widget.frameGeometry().height()= %d" % widget.frameGeometry().height())    # 279  (窗口高度，包含标题栏)# 将点击事件与槽绑定btn.clicked.connect(onClick_Button)# 移动button到窗口内的相应位置btn.move(24,52)# 设置窗口的尺寸widget.resize(300,240)  # 设置工作区的尺寸# 移动窗口到屏幕的相应位置widget.move(600,200)# 设置窗口的标题widget.setWindowTitle('屏幕坐标系')# 创建窗口widget.show()# 进入程序的主循环，并通过exit函数确保主循环安全结束(该释放资源的一定要释放)# 如果不添加下行代码，运行程序会闪退sys.exit(app.exec_())

运行代码，效果如下：

点击窗口里面的“按钮”，效果如下：

分析代码：

有些许误差是因为在windows下窗体有边框，在mac下窗体无边框。

25.设置窗口和应用程序图标

在controls文件夹里，新建IconForm.py文件，执行代码：

# 设置窗口和应用程序图标# 窗口的setWindowIcon方法设置窗口的图标，只在Windows和linux中可用，mac不可用import sys# 从PyQt里面创建窗口和应用from PyQt5.QtWidgets import QMainWindow,QApplication# 用来添加图标from PyQt5.QtGui import QIcon# 定义一个类，这个类从QMainWindow里面继承class IconForm(QMainWindow):    # 初始化    def __init__(self,parent=None):        super(IconForm,self).__init__(parent)        self.initUI()    # 规范代码，初始化直接写在一个方法里    def initUI(self):        # 设置坐标系，可用同时设置窗口的尺寸和位置        self.setGeometry(400,400,250,450)        # 设置主窗口的标题        self.setWindowTitle('设置窗口图标')        # 设置窗口图标        self.setWindowIcon(QIcon('./images/001.jpg'))        # self.setWindowIcon(QIcon('/images/3.ico'))   这行代码失效，原因：图片路径表示问题        # # 设置窗口的尺寸        # self.resize(400,300)        # 获得状态栏        # self.status = self.statusBar()        #        # # 在状态栏上，设置消息的状态时间5000ms        # self.status.showMessage('只存在5秒的消息',5000)    # 防止别的脚本调用，只有自己单独运行，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app =  QApplication(sys.argv)    # QApplication中的setWindowIcon方法用于设置主窗口的图标和应用程序图标，但调用了窗口的setWinodowIcon方法    # QApplication中的setWindowIcon方法就只能用于设置应用程序图标了    # 设置图标    # app.setWindowIcon(QIcon('images/horse.jpg'))    # 创建对象    main = IconForm()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数确保主循环安全结束(该释放资源的一定要释放)    sys.exit(app.exec_())

效果如下：

26.显示控件的提示信息

在controls文件夹里，新建Tooltip.py文件，执行代码：

# 显示控件的提示信息# 需要用到 QToolTipimport sysfrom PyQt5.QtWidgets import  QHBoxLayout,QMainWindow,QApplication,QToolTip,QPushButton,QWidget# 提示信息需要设置字体from PyQt5.QtGui import QFontclass TooltipForm(QMainWindow):    def __init__(self):        super().__init__()        # 调用初始化ui的一个方法        self.initUI()    # 编写初始化UI的方法    def initUI(self):        # 设置字体和字号        QToolTip.setFont(QFont('SansSerif',12))        # 给窗口设置提示，这个方法支持富文本        self.setToolTip('今天是个好日子')        # 设置窗口的位置和尺寸        self.setGeometry(300,300,200,200)        # 设置窗口的标题        self.setWindowTitle('设置控件提示消息')# 防止别的脚本调用，只有自己单独运行时，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app= QApplication(sys.argv)    # 创建对象    main = TooltipForm()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数，确保主循环安全结束(该释放资源的释放资源)    sys.exit(app.exec_())

效果如下：

拓展，给窗口添加一个按钮，并显示提示信息

# 显示控件的提示信息# 需要用到 QToolTipimport sysfrom PyQt5.QtWidgets import  QHBoxLayout,QMainWindow,QApplication,QToolTip,QPushButton,QWidget# 提示信息需要设置字体from PyQt5.QtGui import QFontclass TooltipForm(QMainWindow):    def __init__(self):        super().__init__()        # 调用初始化ui的一个方法        self.initUI()    # 编写初始化UI的方法    def initUI(self):        # 设置字体和字号        QToolTip.setFont(QFont('SansSerif',12))        # 给窗口设置提示，这个方法支持富文本        self.setToolTip('今天是个好日子')        # 设置窗口的位置和尺寸        self.setGeometry(300,300,200,200)        # 设置窗口的标题        self.setWindowTitle('设置控件提示消息')    # 添加butoon按钮并设置提示信息        # 添加Button        # 创建全局对象self.button1        self.button1 = QPushButton('我的按钮')        # 设置按钮提示        self.button1.setToolTip('这是按钮的提示信息')        # 发送单击信号，执行对应的方法  (将信息与槽关联)        self.button1.clicked.connect(self.onClick_Button)        # 创建水平布局        layout = QHBoxLayout()        # 将组件加到水平局部里面        layout.addWidget(self.button1)        # 放置一个主框架        mainFrame = QWidget()        # 在主框架内添加水平布局        mainFrame.setLayout(layout)        # 把主框架放在窗口上        self.setCentralWidget(mainFrame)    # 按钮的单击事件的方法(自定义的槽)    def onClick_Button(self):        sender = self.sender()        print(sender.text() + '按钮被按下')        # 得到实例        app = QApplication.instance()        # 退出应用程序        app.quit()# 防止别的脚本调用，只有自己单独运行时，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app= QApplication(sys.argv)    # 创建对象    main = TooltipForm()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数，确保主循环安全结束(该释放资源的释放资源)    sys.exit(app.exec_())

效果如下：

27.QLabel控件的基本用法

PyQt5常用控件之一，QLable控件，常用来展示文本信息

QLabel常用的信号(事件)：
1.当鼠标划过QLabel控件时触发：linkHovered

2.当鼠标单击QLabel控件时触发：linkActivated

在controls文件夹里，新建QLabelDemo.py文件，执行代码：

# QLabel控件的基本用法import sys# 导入QLabel模块  QVBoxLayout垂直布局  (QHBoxLayout 水平布局)from PyQt5.QtWidgets import QVBoxLayout,QMainWindow,QApplication,QLabel,QWidget# 导入调制板，调制QLabel背景色# 导入显示图片包QPixmapfrom PyQt5.QtGui import QPixmap,QPalette# 导入一些Qt的常量from PyQt5.QtCore import Qt# 编写一个类，从QWidget中继承class QLabelDemo(QWidget):    def __init__(self):        super().__init__()        # 调用初始化UI的一个方法        self.initUI()    # 规范代码，初始化UI直接写在一个方法里    def initUI(self):        # 创建四个label控件        label1 = QLabel(self)        label2 = QLabel(self)        label3 = QLabel(self)        label4 = QLabel(self)        # 给label1设置文本,支持html的标签        label1.setText("这是一个文本标签.")        # 用调试板自动填充背景        label1.setAutoFillBackground(True)        # 创建调试板        palette = QPalette()        # 给调试板设置背景色        palette.setColor(QPalette.Window,Qt.blue)        # 对label1使用调试板        label1.setPalette(palette)        # 让label1居中对齐        label1.setAlignment(Qt.AlignCenter)        # 给label2设置标签        label2.setText("欢迎使用Python GUI程序")  # 可以在a标签里触发事件或者跳转网页 二者选其一        # 给label3设置文本居中        label3.setAlignment(Qt.AlignCenter)        # 给label3设置提示文本        label3.setToolTip('这是一个图片标签')        # 让label3显示图片        label3.setPixmap(QPixmap("./images/4.jpg"))   # 同级目录写法./images        # 给label4设置文本内容        label4.setText("打开百度")  # setText里面的内容要用双引号，单引号会报错        # 让label4打开链接        # 如果设为True,用浏览器打开网页，如果设为False,调用槽函数        label4.setOpenExternalLinks(True)        # 让label4的文本右对齐        label4.setAlignment(Qt.AlignRight)        # 给label4设置提示文本        label4.setToolTip('这是一个超链接')        # 创建一个垂直布局        vbox = QVBoxLayout()        # 分别把这四个控件放到这个布局里面           布局函数 addWidget        vbox.addWidget(label1)        vbox.addWidget(label2)        vbox.addWidget(label3)        vbox.addWidget(label4)        # 将信号与槽绑定        label2.linkHovered.connect(self.linkHovered)        label4.linkActivated.connect(self.linkClicked)        # 设置布局        self.setLayout(vbox)        self.setWindowTitle('QLabel控件演示')        # 设置标题    # 槽有两个方法 1.滑过  2.单击    def linkHovered(self):        print("当鼠标滑过label2标签时，触发事件")    def linkClicked(self):        print("当鼠标单击label4标签时，触发事件")  # 防止别的脚本调用，只有自己单独运行，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app =  QApplication(sys.argv)    # 设置图标    # app.setWindowIcon(QIcon('images/001.jpg'))    # 创建对象    main = QLabelDemo()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数确保主循环安全结束(该释放资源的一定要释放)    sys.exit(app.exec_())

效果展示：

注意：调整好图片的尺寸，防止它跳出屏幕外

28.如何设置QLabel控件和其他控件的伙伴关系

在controls文件夹里，新建QLabelBuddy.py文件，执行代码：

# QLabel与伙伴控件# 1.通过setBuddy设置伙伴关系# 2.通过栅格布局来完成手动布局，依靠# mainLayout.addWidget(控件对象,rowIndex,columnIndex,row,column)   （行索引,索引,占用多少行,占用多少列）import sysfrom PyQt5.QtWidgets import *class QLabelBuddy(QDialog):    def __init__(self):        super().__init__()        self.initUI()    # 规范代码，初始化直接写在一个方法里    def initUI(self):        # 设置主窗口的标题        self.setWindowTitle('QLabel与伙伴控件')        # 创建nameLabel控件        #添加热键   添加热键的方法& + 英文字母  ，后面的英文字母就变成了热键。在可视化窗口里通过 "Alt" + 英文字母 就可以起作用        nameLabel =QLabel('&Name',self)        # 创建QLineEdit控件        nameLineEdit = QLineEdit(self)        # 把nameLabel和nameLineEdit设置伙伴关系        nameLabel.setBuddy(nameLineEdit)        # 创建PasswordQLabel控件, 并添加热键        passwordLabel = QLabel('&Password',self)        # 创建PasswordLineEdit控件        passwordLineEdit = QLineEdit(self)        # 把passwordLabel和passwordLineEdit设置成伙伴关系        passwordLabel.setBuddy(passwordLineEdit)        # 创建两个按钮，一个上面写OK,一个上面写Cancel        btnOK = QPushButton('&OK')        btnCancel = QPushButton('&Cancel')        # 使用栅格布局        mainLayout = QGridLayout(self)        # 将nameLabel控件放到布局里面    第一行第一列        mainLayout.addWidget(nameLabel,0,0)        # 将nameLineEdit控件放到布局里面  第一行第二列，占用一行两列        mainLayout.addWidget(nameLineEdit,0,1,1,2)        # 将passwordLabel控件放到布局里面  第二行第一列        mainLayout.addWidget(passwordLabel,1,0)        # 将passwordLineEdit控件放到布局里面 第二行第一列，占用一行两列        mainLayout.addWidget(passwordLineEdit,1,1,1,2)        # 经过上面操作，此时有两行，每行有三列        # 放置按钮  第三行第二列        mainLayout.addWidget(btnOK,2,1)        # 放置按钮    第三行第三列        mainLayout.addWidget(btnCancel,2,2)# 防止别的脚本调用，只有自己单独运行时，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app= QApplication(sys.argv)    # 创建对象    main = QLabelBuddy()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数，确保主循环安全结束(该释放资源的释放资源)    sys.exit(app.exec_())

效果如下：

28.QLineEdit控件与回显模式(EchoMode)

在controls文件夹里，新建QLineEditEchoMode.py文件，执行代码：

# QLineEdit控件与回显模式# QLineEdit控件的基本功能：1.输入单行的文本 2.设置回显模式EcoMode"""EcoMode(回显模式)4种回显模式1.Normal 正常的显示2.Normal  不显示   类似于linux中输入密码没反应 但已经提交3，Password  密码式的显示   类似于输入密码出现小黑点或*号4，PasswordEchoOnEdit     密码显示编辑模式   常见于手机端，类似于  输入一个字母A,前两秒编辑框里显示的是A，过了一两秒编程框里变成的一个点或者*号"""import sysfrom PyQt5.QtWidgets import *# 从QWidget窗口类里面继承class QLineEditEchoMode(QWidget):    def __init__(self):        super(QLineEditEchoMode,self).__init__()        self.initUI()    # 编写初始化方法    def initUI(self):        # 设置窗口标题        self.setWindowTitle('文本输入框的回显模式')        # 创建表单布局        formLayout = QFormLayout()        # 根据4种回显模式，分别创建4种表单布局        # 第一种回显模式        normalLineEdit = QLineEdit()        # 第二种回显模式        noEchoLineEdit = QLineEdit()        # 第三种回显模式        passwordLineEdit = QLineEdit()        # 第四种回显模式        passwordEchoONEditLineEdit = QLineEdit()        # 把这四个控件添加到表单布局里面        formLayout.addRow("Normal",normalLineEdit)        formLayout.addRow("NoEcho",noEchoLineEdit)        formLayout.addRow("Password",passwordLineEdit)        formLayout.addRow("PasswordEchoOnEdit",passwordEchoONEditLineEdit)        # 为每个文本框设置placeholdertext,就是当输入框没有输入时，以灰色字体显示这个文本框的提示        normalLineEdit.setPlaceholderText("Normal")        normalLineEdit.setPlaceholderText("NoEcho")        passwordLineEdit.setPlaceholderText("Password")        passwordEchoONEditLineEdit.setPlaceholderText("PasswprdEchoOnEdit")        # 设置模式        normalLineEdit.setEchoMode(QLineEdit.Normal)        noEchoLineEdit.setEchoMode(QLineEdit.NoEcho)        passwordLineEdit.setEchoMode(QLineEdit.Password)        passwordEchoONEditLineEdit.setEchoMode(QLineEdit.PasswordEchoOnEdit)        # 应用表单布局        self.setLayout(formLayout)# 防止别的脚本调用，只有自己单独运行时，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app= QApplication(sys.argv)    # 创建对象    main = QLineEditEchoMode()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数，确保主循环安全结束(该释放资源的释放资源)    sys.exit(app.exec_())

效果如下：

28.限制QLineEdit控件的输入(校验器)

在controls文件夹里，新建QLineEditEValidator.py文件，执行代码：

# 限制QLineEdit控件的输入(校验器)   只能输入满足格式的数据# 如限制只能输入整数、浮点数或满足一定条件的字符串# 本次演示做三种限制： 1.整数  2.浮点数   3.字母或者数字import sysfrom PyQt5.QtWidgets import *# 导入PyQt5的正则(三个校验器，第三个可自定义)from PyQt5.QtGui import QIntValidator,QDoubleValidator,QRegExpValidator# 导入PyQt5里正则表达式的一个类QRegExpfrom PyQt5.QtCore import QRegExp# 编写一个类，从QWidget窗口类里面继承class QLineEditValidator(QWidget):    def __init__(self):        super(QLineEditValidator,self).__init__()        self.initUI()    # 编写初始化方法    def initUI(self):        # 设置一下窗口标题        self.setWindowTitle('校验器')        # 创建表单布局        formLayout = QFormLayout()        # 创建三个文本输入框        intLineEdit = QLineEdit()        doubleLineEdit = QLineEdit()        validatorLineEdit = QLineEdit()        # 将这三个控件添加到form表单布局里        formLayout.addRow('整数类型',intLineEdit)        formLayout.addRow('浮点类型',doubleLineEdit)        formLayout.addRow('数字和字母',validatorLineEdit)        # 为每个文本框设置placeholdertext,就是当输入框没有输入时，以灰色字体显示这个文本框的提示        intLineEdit.setPlaceholderText('整数')        doubleLineEdit.setPlaceholderText('浮点型')        validatorLineEdit.setPlaceholderText('字母和数字')        # 创建整数校验器        inValidator = QIntValidator(self)        # 设置整数的范围 [1,99]        inValidator.setRange(1,99)        # 创建浮点校验器        doubleValidator = QDoubleValidator(self)        # 设置浮点校验器[-360,360]        doubleValidator.setRange(-360,-360)        # 小数点的表示        doubleValidator.setNotation(QDoubleValidator.StandardNotation)        # 设置精度，小数点2位        doubleValidator.setDecimals(2)        # 创建数字和字母的正则表达式        reg = QRegExp('[a-zA-Z0-9]+$')   # 此时+表示至少有一个        # 创建数字和字母的校验器        validator = QRegExpValidator(self)        # 将正则表达式放置在校验器内        validator.setRegExp(reg)        # 设置校验器        intLineEdit.setValidator(inValidator)        doubleLineEdit.setValidator(doubleValidator)        validatorLineEdit.setValidator(validator)        # 应用表单布局        self.setLayout(formLayout)# 防止别的脚本调用，只有自己单独运行时，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app= QApplication(sys.argv)    # 创建对象    main = QLineEditValidator()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数，确保主循环安全结束(该释放资源的释放资源)    sys.exit(app.exec_())

效果如下：

29.使用掩码限制QLineEdit控件的输入

在controls文件夹里，新建QLineEditMask.py文件，执行代码：

# 使用掩码限制QLineEdit控件的输入import sysfrom PyQt5.QtWidgets import *# 从QWidget窗口类里面继承class QLineEditMask(QWidget):    def __init__(self):        super(QLineEditMask,self).__init__()        self.initUI()    # 规范代码，初始化直接写在一个方法里    def initUI(self):        # 设置窗口的标题        self.setWindowTitle('用掩码限制QLineEdit控件的输入')        # 创建表单布局        formLayout = QFormLayout()        # 创建四个控件        # 第一个，IP控件   192.168.11.11        ipLineEdit = QLineEdit()        # 第二个 mac地址 （mac地址也叫物理地址和局域网地址，主要用于确认网上设备的地址，类似于身份证号，具有唯一标识）        # 如：00-16-EA-AE-3C-40就是一个MAC地址        macLineEdit = QLineEdit()        # 第三个 显示日期控件        dataLineEdit = QLineEdit()        # 第四个 许可证        licenseLineEdit = QLineEdit()        # 设置掩码，通过setInputMask方法        ipLineEdit.setInputMask('000.000.000.000;_')   # 后面分号指如果没有输入时，显示为"_"        macLineEdit.setInputMask('HH:HH:HH:HH:HH:HH;_')        dataLineEdit.setInputMask('0000-00-00')        licenseLineEdit.setInputMask('>AAAAA-AAAAA-AAAAA-AAAAA-AAAAA;#')   # 后面# 号指如果没有输入时，显示为"#"        # 把这四个控件都添加到表单布局里面        formLayout.addRow('数字掩码',ipLineEdit)        formLayout.addRow('Mac掩码',macLineEdit)        formLayout.addRow('日期掩码',dataLineEdit)        formLayout.addRow("许可证掩码",licenseLineEdit)        # 应用于表单布局        self.setLayout(formLayout)# 防止别的脚本调用，只有自己单独运行时，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app= QApplication(sys.argv)    # 创建对象    main = QLineEditMask()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数，确保主循环安全结束(该释放资源的释放资源)    sys.exit(app.exec_())

效果展示：

30.QLineEdit控件综合案例

在controls文件夹里，新建QLineEditDemo.py文件，执行代码：

# QLineEdit综合案例import sysfrom PyQt5.QtWidgets import *from PyQt5.QtGui import *from PyQt5.QtCore import Qt# 创建一个类，从QWidget窗口类里面继承class QLineEditDemo(QWidget):    def __init__(self):        super(QLineEditDemo,self).__init__()        self.initUI()    # 编写初始化方法    def initUI(self):        # 创建多个edit对象        # 创建第一个控件        edit1 = QLineEdit()        # 使用int校验器        edit1.setValidator(QIntValidator())        # 设置文本框最大长度(位数)，即不超过9999        edit1.setMaxLength(4)        # 设置文本右对齐        edit1.setAlignment(Qt.AlignRight)        # 设置文本字体为Arial 字号 20        edit1.setFont(QFont('Arial',20))        # 创建第二个控件        edit2 = QLineEdit()        # 使用浮点校验器  范围0.99-99.99 精度为2        edit2.setValidator(QDoubleValidator(0.99,99.99,2))        # 未设置字体字号，对齐方式        # 创建第三个控件        edit3 = QLineEdit()        # 使用掩码    掩码9表示 ：ASCⅡ数字字符是必须输入的(0-9)        edit3.setInputMask('99_9999_999999;#')  # 后面'#'号指没有输入时，显示为'#'       # 创建第四个控件        edit4 = QLineEdit()        # 绑定事件，当文本变化时，响应到槽        edit4.textChanged.connect(self.textChanged)        # 创建第五个控件        edit5 = QLineEdit()        # 设置回显模式        edit5.setEchoMode(QLineEdit.Password)        # 绑定事件，当编辑完成时，响应到槽        edit5.editingFinished.connect(self.enterPress)        # 创建第六个控件        edit6 =QLineEdit()        # 设为只读        edit6.setReadOnly(True)        # 创建表单布局        formLayout = QFormLayout()        # 把控件添加到表单里        formLayout.addRow('整数校验',edit1)        formLayout.addRow('浮点数校验',edit2)        formLayout.addRow('Input Mask',edit3)        formLayout.addRow('文本变化',edit4)        formLayout.addRow('密码',edit5)        formLayout.addRow('只读',edit6)        # 应用于表单布局        self.setLayout(formLayout)        # 设置窗口的标题        self.setWindowTitle('QLineEdit综合案例')    # 当文本变化时，触发事件    # 定义槽一    def textChanged(self,text):        print('输入的文本：' + text)    # 定义槽二    def enterPress(self):        print('已输入值')# 防止别的脚本调用，只有自己单独运行时，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app= QApplication(sys.argv)    # 创建对象    main = QLineEditDemo()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数，确保主循环安全结束(该释放资源的释放资源)    sys.exit(app.exec_())

效果展示：

31.使用QTextEdit控件输入多行文本

在controls文件夹里，新建QTextEdit.py文件，执行代码：

# QTextEdit控件# QTextLine只能输入一行文本，输入多行文本用QTextEdit  常用功能：获得文本和设置文本，除了支持普通的文本，还支持富文本(改变颜色，设置尺寸)import sysfrom PyQt5.QtWidgets import *# 编写一个类，从QWidget里面继承class QTextEditDemo(QWidget):    def __init__(self):        super(QTextEditDemo,self).__init__()        self.initUI()    # 编写初始化方法 规范代码，初始化写在一个方法里    def initUI(self):        # 设置窗口的标题        self.setWindowTitle('QTextEdit控件演示')        # 设置窗口的尺寸        self.resize(300,300)        # 创建全局控件  为什么要创建去全局控件，在槽方法里需要调用        self.textEdit = QTextEdit()        # 创建全局按钮        # 按钮一：显示文本        # buttonText = QPushButton('显示文本')        self.buttonText = QPushButton('显示文本')        # 按钮二：显示HTML        # buttonHTML = QPushButton('显示HTML')        self.buttonHTML = QPushButton('显示HTML')        # 按钮三：获取文本        # buttonToText = QPushButton('获取文本')        self.buttonToText = QPushButton('获取文本')        # 按钮四：获取HTML        # buttonToHTML = QPushButton('获取HTML')        self.buttonToHTML = QPushButton('获取HTML')        # 创建垂直布局        layout = QVBoxLayout()        # 把控件添加到垂直布局里面        layout.addWidget(self.textEdit)        # layout.addWidget(buttonText)        # layout.addWidget(buttonHTML)        layout.addWidget(self.buttonText)        layout.addWidget(self.buttonHTML)        layout.addWidget(self.buttonToText)        layout.addWidget(self.buttonToHTML)        # 应用于垂直布局        self.setLayout(layout)    # 把槽绑定到单击按钮信号上    #     buttonText.clicked.connect(self.onClick_ButtonText)    #     buttonHTML.clicked.connect(self.onClick_ButtonHTML)        self.buttonText.clicked.connect(self.onClick_ButtonText)        self.buttonHTML.clicked.connect(self.onClick_ButtonHTML)        self.buttonToText.clicked.connect(self.onClick_ButtonToText)        self.buttonToHTML.clicked.connect(self.onClick_ButtonToHTML)    # 定义槽方法一    def onClick_ButtonText(self):        # 调用文本框设置普通文本        self.textEdit.setPlainText('Hello World,世界你好吗？')    # 定义槽方法二    def onClick_ButtonHTML(self):        # 调用文本框设置HTML(富文本)        self.textEdit.setHtml('Hello World')    # 定义获取模块的两个槽    # 定义槽方法三    def onClick_ButtonToText(self):        # 调用文本框设置普通文本        print(self.textEdit.toPlainText())    # 定义槽方法四    def onClick_ButtonToHTML(self):        # 调用文本框设置HTML(富文本)        print(self.textEdit.toHtml())  # 防止别的脚本调用，只有自己单独运行，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app =  QApplication(sys.argv)    # 设置图标    # app.setWindowIcon(QIcon('images/001.jpg'))    # 创建对象    main = QTextEditDemo()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数确保主循环安全结束(该释放资源的一定要释放)    sys.exit(app.exec_())

效果展示：

32.按钮控件(QPushButton)

在controls文件夹里，新建QPushButtonDemo.py文件，执行代码：

# 按钮控件(QPushButton)# 按钮有多个控件，它的父类QAbstractButton# 子类有： QPushButton   AToolButton(工具条按钮) QRadioButton(单选按钮)  QCheckBox(复选按钮)import sys# QtCore是Qt的精髓（包括五大模块：元对象系统，属性系统，对象模型，对象树，信号槽）from PyQt5.QtCore import *# QtGui 显示应用程序图标，工具提示和各种鼠标光标。from PyQt5.QtGui import *# Qt Widgets模块提供了一组UI元素来创建经典的桌面风格的用户界面。from PyQt5.QtWidgets import *# 创建一个类,基于QDialog    QDialog是对话窗口的基类。没有菜单栏、工具栏、状态栏class QPushButtonDemo(QDialog):    def __init__(self):        super(QPushButtonDemo,self).__init__()        self.initUI()    # 编写初始化方法，规范代码，初始化写在一个方法里    def initUI(self):        # 设置窗口标题        self.setWindowTitle('QPushButton Demo')        # 创建垂直布局        layout = QVBoxLayout()        # 创建四个button        self.button1 = QPushButton('第1个按钮')        # 通过setText获得文本        self.button1.setText('First Button1')        # 设置按钮按下自动弹起        # # 按钮可复选的，可核对的        self.button1.setCheckable(True)        # 设置开关        self.button1.toggle()        # 上面两行代码，此时setCheckable为True时，调用toggle方法，按钮为选中状态，再调一次toggle方法时，处于未选中状态        # 把槽绑定到单击按钮信号上        # 通过两种方式将信息和槽相连        # 信号和槽相连 方式一        self.button1.clicked.connect(lambda :self.whichButton(self.button1))        # 两个信号绑定到一个槽上   信号和槽是多对多的关系        # 信号和槽相连 方式二        self.button1.clicked.connect(self.buttonState)        # 创建button2控件  在文本前显示图像        self.button2 = QPushButton('图像按钮')        # 给button2设置图形        self.button2.setIcon(QIcon(QPixmap('./images/4.jpg')))        # 把button2与槽连接        self.button2.clicked.connect(lambda:self.whichButton(self.button2))        # 创建button3控件，让按钮不可用        self.button3 = QPushButton('不可用的按钮')        # 设置按钮不可用        self.button3.setEnabled(False)       # 创建button4控件，为默认按钮(点回车可以执行的按钮)，并给它加热键  按Alt + M 就可以直接调用这个button        # 默认按钮一个窗口只能有一个        self.button4 = QPushButton('&MyButton')        # 设置button4按钮为默认按钮        self.button4.setDefault(True)        # 把button4与槽连接        self.button4.clicked.connect(lambda :self.whichButton(self.button4))        # 把控件添加到布局里        layout.addWidget(self.button1)        layout.addWidget(self.button2)        layout.addWidget(self.button3)        layout.addWidget(self.button4)        # 应用于垂直布局        self.setLayout(layout)        # 设置窗口尺寸        self.resize(400,300)    # 编写槽函数    # 多个按钮多个信号，同时使用一个槽，需要区分到底按了哪一个按钮    # 目前有两种方法    #第一种，用sender()方法    # def whichButton(self):        # self.sender()    # 第二种，传参数，比如    def whichButton(self,btn):        print('被单击的按钮是<' + btn.text() + '>')    # 编写第二个槽    def buttonState(self):        # 判断是否被选中        if self.button1.isChecked():            print('按钮1已经被选中')        else:            print('按钮1未被选中') # 防止别的脚本调用，只有自己单独运行，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app =  QApplication(sys.argv)    # 设置图标    # app.setWindowIcon(QIcon('images/001.jpg'))    # 创建对象    main = QPushButtonDemo()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数确保主循环安全结束(该释放资源的一定要释放)    sys.exit(app.exec_())

效果展示：

33.单选按钮控件(QRadioButton)

在controls文件夹里，新建QRadioButtonDemo.py文件，执行代码：

"""单选按钮控件(QRadioButton)"""import sys# QtCore是Qt的精髓（包括五大模块：元对象系统，属性系统，对象模型，对象树，信号槽）from PyQt5.QtCore import *# QtGui 显示应用程序图标，工具提示和各种鼠标光标。from PyQt5.QtGui import *# Qt Widgets模块提供了一组UI元素来创建经典的桌面风格的用户界面。from PyQt5.QtWidgets import *class RadioButtonDemo(QWidget):    def __init__(self):        super(RadioButtonDemo,self).__init__()        self.initUI()    def initUI(self):        # 设置窗口标题        self.setWindowTitle('QRadioButton')        # 把是所有的单选按钮都放在一个容器里，才能实现单选        # 创建水平布局        layout = QHBoxLayout()        # 创建button1控件        self.button1 = QRadioButton('单选按钮1')        # 设button1默认为选中状态        self.button1.setChecked(True)        # 创建button2控件        self.button2 = QRadioButton('单选按钮2')        # 连接信息槽        # toggle是状态切换的信号        self.button1.toggled.connect(self.buttonState)        self.button2.toggled.connect(self.buttonState)        # 把控件添加到水平布局里        layout.addWidget(self.button1)        layout.addWidget(self.button2)        # 应用于水平布局        self.setLayout(layout)    # 编写槽    # def buttonState(self):    #     # 控件获取数据    #     radioButton = self.sender()    #     # 判断获取的数据的文本是否是‘单选按钮1’    #     if radioButton.text() == '单选按钮1':    #         # 判断获取的数据的文本是‘单选按钮1’的是否被选中    #         if radioButton.isChecked() == True:    #             # 如果被选中    #             print('被选中' )    #         else:    #             print('被取消选中状态')    #     # 判断获取的数据的文本是否是‘单选按钮2’    #     if radioButton.text() == '单选按钮2':    #         # 判断获取的数据的文本是‘单选按钮2’的是否被选中    #         if radioButton.isChecked() == True:    #             # 如果被选中    #             print('被选中')    #         else:    #             print('被取消选中状态')    def buttonState(self):        # 控件获取数据        radioButton = self.sender()        if radioButton.isChecked() == True:            # 如果被选中            print('<' + radioButton.text() + '>被选中')        else:            print('<' + radioButton.text() + '>被取消选中状态')# 防止别的脚本调用，只有自己单独运行时，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app= QApplication(sys.argv)    # 创建对象    main = RadioButtonDemo()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数，确保主循环安全结束(该释放资源的释放资源)    sys.exit(app.exec_())

效果展示：

34.复选框控件(QCheckBox)

复选框控件也称为多选控件

在controls文件夹里，新建QCheckBoxDemo.py文件，执行代码：

"""复选框控件(QCheckBox)作用：同时可选中多个控件复选框控件有三种状态：未选中： 0半选中： 1选中：   2"""import sys# QtCore是Qt的精髓（包括五大模块：元对象系统，属性系统，对象模型，对象树，信号槽）from PyQt5.QtCore import *# QtGui 显示应用程序图标，工具提示和各种鼠标光标。from PyQt5.QtGui import *# Qt Widgets模块提供了一组UI元素来创建经典的桌面风格的用户界面。from PyQt5.QtWidgets import *from PyQt5.QtCore import Qtclass QCheckBoxDemo(QWidget):    def __init__(self):        super(QCheckBoxDemo,self).__init__()        self.initUI()    def initUI(self):        # 设置窗口标题        self.setWindowTitle('复选框控件演示')        # 创建水平布局        layout = QHBoxLayout()        # 创建checkBox1复选框控件        self.checkBox1 = QCheckBox('复选框控件1')        #设置复选框默认为选中状态        self.checkBox1.setChecked(True)        # 创建checkBox2复选框控件        # 普通控件，状态是未选中        self.checkBox2 = QCheckBox('复选框控件2')        # 创建checkBox3复选框控件 状态是半选中        self.checkBox3 = QCheckBox('复选框控件3')        # 处于半选中状态，需要下面两行代码        self.checkBox3.setTristate(True)        # 需要单独导Qt包   from PyQt5.QtCore import Qt        self.checkBox3.setCheckState(Qt.PartiallyChecked)        # 应用于水平布局        self.setLayout(layout)        # 将信号与槽绑定        # 状态变化信号        self.checkBox1.stateChanged.connect(lambda: self.checkboxState(self.checkBox1))        self.checkBox2.stateChanged.connect(lambda: self.checkboxState(self.checkBox2))        self.checkBox3.stateChanged.connect(lambda: self.checkboxState(self.checkBox3))        # 把控件添加到水平布局里        layout.addWidget(self.checkBox1)        layout.addWidget(self.checkBox2)        layout.addWidget(self.checkBox3)    # 编写槽方法    # 通过checkState可以设置三种状态    def checkboxState(self,cb):        check1Status = self.checkBox1.text() + ', isChecked=' + str(self.checkBox1.isChecked()) + ',checkState=' +str(self.checkBox1.checkState()) + '\n'        check2Status = self.checkBox2.text() + ', isChecked=' + str(self.checkBox2.isChecked()) + ',checkState=' +str(self.checkBox2.checkState()) + '\n'        check3Status = self.checkBox3.text() + ', isChecked=' + str(self.checkBox3.isChecked()) + ',checkState=' +str(self.checkBox3.checkState()) + '\n'        print(check1Status + check2Status + check3Status)# 防止别的脚本调用，只有自己单独运行时，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app= QApplication(sys.argv)    # 创建对象    main = QCheckBoxDemo()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数，确保主循环安全结束(该释放资源的释放资源)    sys.exit(app.exec_())

效果展示

35.下拉列表控件(QComboBox)

在controls文件夹里，新建QComboBoxDemo.py文件，执行代码：

"""下拉列表控件需要了解3点1.如何将列表项添加到QComboBox控件中2.如何获取选中的列表项"""import sys# QtCore是Qt的精髓（包括五大模块：元对象系统，属性系统，对象模型，对象树，信号槽）from PyQt5.QtCore import *# QtGui 显示应用程序图标，工具提示和各种鼠标光标。from PyQt5.QtGui import *# Qt Widgets模块提供了一组UI元素来创建经典的桌面风格的用户界面。from PyQt5.QtWidgets import *from PyQt5.QtCore import Qtclass QComboBoxDemo(QWidget):    def __init__(self):        super(QComboBoxDemo,self).__init__()        self.initUI()    # 编写初始化方法    def initUI(self):        # 设置窗口标题        self.setWindowTitle('下拉列表控件演示')        # 设置窗口尺寸        self.resize(300,100)        # 创建垂直布局        layout = QVBoxLayout()        # 创建label控件        self.label = QLabel('请选择编程语言')        # 创建QComboBox控件        self.cb = QComboBox()        # 用QComboBox里面的addItem添加        self.cb.addItem('C++')        self.cb.addItem('Python')        # 也可以直接添加多个        self.cb.addItems(['Java','Go','C','C#'])        # 绑定信号和槽        # currentIndexChanged 当前索引变化，从0开始        self.cb.currentIndexChanged.connect(self.selectionChange)        # 把控件添加到垂直布局里        layout.addWidget(self.label)        layout.addWidget(self.cb)        # 应用于垂直布局        self.setLayout(layout)    # 槽方法    # 默认传两个参数，一个是控件本身，一个是索引    def selectionChange(self,i):        # 得到当前选择的文本        self.label.setText(self.cb.currentText())        # 调整尺寸        self.label.adjustSize()        # 通过循环查看状态        for count in range(self.cb.count()):            # 根据索引，得到当前项的文本            print('item' + str(count) + '=' + self.cb.itemText(count))        print('current index',i,'selection changed',self.cb.currentText())# 防止别的脚本调用，只有自己单独运行时，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app= QApplication(sys.argv)    # 创建对象    main = QComboBoxDemo()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数，确保主循环安全结束(该释放资源的释放资源)    sys.exit(app.exec_())

效果展示

36.计数器控件(QSpinBox)

在controls文件夹里，新建QSpinBoxDemo.py文件，执行代码：

"""计数器控件(QSpinBox)用来控制一个数字的增加或减少"""# 显示数字，获取数字，查看数字变化import sys# QtCore是Qt的精髓（包括五大模块：元对象系统，属性系统，对象模型，对象树，信号槽）from PyQt5.QtCore import *# QtGui 显示应用程序图标，工具提示和各种鼠标光标。from PyQt5.QtGui import *# Qt Widgets模块提供了一组UI元素来创建经典的桌面风格的用户界面。from PyQt5.QtWidgets import *class QSpinBoxDemo(QWidget):    def __init__(self):        super(QSpinBoxDemo, self).__init__()        self.initUI()    # 编写初始化方法    def initUI(self):        # 设置窗口标题        self.setWindowTitle('QSpinBox演示')        # 设置窗口尺寸        self.resize(300,100)        # 创建垂直布局        layout = QVBoxLayout()        # 创建label控件        self.label = QLabel('当前值')        # 设置label控件的文字居中        self.label.setAlignment(Qt.AlignCenter)        # 创建QSpinBox控件        self.sb = QSpinBox()        #给控件设置默认值，从18开始变        self.sb .setValue(18)        #给控件设置范围，最小为19，最大为42        self.sb.setRange(19,42)        # 添加步长，让每次增2        self.sb.setSingleStep(2)        # 把控件添加到垂直布局里        layout.addWidget(self.label)        layout.addWidget(self.sb)        # 信号槽绑定        # 当value值发生变化时的方法        self.sb.valueChanged.connect(self.valueChange)        # 应用于垂直布局        self.setLayout(layout)    # 槽方法    def valueChange(self):        # 获得的字段        self.label.setText('当前值：' + str(self.sb.value()))# 防止别的脚本调用，只有自己单独运行时，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app= QApplication(sys.argv)    # 创建对象    main = QSpinBoxDemo()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数，确保主循环安全结束(该释放资源的释放资源)    sys.exit(app.exec_())

效果展示：

37.滑块控件(QSlider)

在controls文件夹里，新建QSliderDemo.py文件，执行代码：

"""滑块控件通过滑块左右或者上下拉动来控制数字变化"""# 如何通过滑块标签来设置字体的大小import sys# QtCore是Qt的精髓（包括五大模块：元对象系统，属性系统，对象模型，对象树，信号槽）from PyQt5.QtCore import *# QtGui 显示应用程序图标，工具提示和各种鼠标光标。from PyQt5.QtGui import *# Qt Widgets模块提供了一组UI元素来创建经典的桌面风格的用户界面。from PyQt5.QtWidgets import *class QSliderDemo(QWidget):    def __init__(self):        super(QSliderDemo, self).__init__()        self.initUI()    def initUI(self):        # 设置窗口标题        self.setWindowTitle('滑块控件演示')        # 设置窗口尺寸        self.resize(300,300)        # 创建垂直布局        layout = QVBoxLayout()        # 创建label控件        self.label = QLabel('你好，PyQt5')        # 让label控件居中显示        self.label.setAlignment(Qt.AlignCenter)        # 创建滑块控件，有两种：水平和垂直        # 创建水平的滑块控件slider        self.slider = QSlider(Qt.Horizontal)        # 创建垂直的滑块控件slider1        self.slider1 =   QSlider(Qt.Vertical)        # 设置最小值12        self.slider.setMinimum(12)        self.slider1.setMinimum(12)        # 设置最大值        self.slider.setMaximum(58)        self.slider1.setMaximum(58)        # 步长        self.slider.setSingleStep(3)        self.slider1.setSingleStep(3)        # 设置当前值        self.slider.setValue(18)        self.slider1.setValue(12)        # 设置刻度的位置，刻度在下方        self.slider.setTickPosition(QSlider.TicksBelow)        # 设置刻度的位置，刻度在左方        self.slider1.setTickPosition(QSlider.TicksLeft)        # 设置刻度的间隔        self.slider.setTickInterval(6)        self.slider1.setTickInterval(3)        # 把控件添加到垂直布局里        layout.addWidget(self.label)        layout.addWidget(self.slider)        layout.addWidget(self.slider1)        #信号槽的绑定        self.slider.valueChanged.connect(self.valueChange)        self.slider1.valueChanged.connect(self.valueChange)        # 应用于垂直布局        self.setLayout(layout)    # 槽方法    def valueChange(self):        print('当前值：%s' % self.slider.value())        print('当前值：%s' % self.slider1.value())        # 获得值        size = self.slider.value()        size = self.slider1.value()        # 设置字体字号，让字号通过值发生变化        self.label.setFont(QFont('Arial',size))# 防止别的脚本调用，只有自己单独运行时，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app= QApplication(sys.argv)    # 创建对象    main = QSliderDemo()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数，确保主循环安全结束(该释放资源的释放资源)    sys.exit(app.exec_())

效果展示：

38.对话框(QDialog)

在controls文件夹里，新建QDialogDemo.py文件，执行代码：

"""对话框的基类QDialog在基类基础上有五种对话框QMessageBox 消息对话框QColorDialog 颜色对话框QFileDialog  显示文件打开或保存对话框QFontDialog  设置字体对话框QInputDialog  输入信息对话框回顾：PyQt5的三种窗口QMainWindow  主窗口QWidget  不确定窗口的用途时QDialog  没有菜单的窗口，一个对话框"""# 如何在主窗口里面显示对话框import sys# QtCore是Qt的精髓（包括五大模块：元对象系统，属性系统，对象模型，对象树，信号槽）from PyQt5.QtCore import *# QtGui 显示应用程序图标，工具提示和各种鼠标光标。from PyQt5.QtGui import *# Qt Widgets模块提供了一组UI元素来创建经典的桌面风格的用户界面。from PyQt5.QtWidgets import *class QDialogDemo(QMainWindow):    def __init__(self):        super(QDialogDemo, self).__init__()        self.initUI()    def initUI(self):        # 设置窗口标题        self.setWindowTitle('QDialog案例')        # 设置窗口尺寸        self.resize(300,200)        # 创建button控件，直接把button放在窗口上        self.button = QPushButton(self)        # 设置button控件文本        self.button.setText('弹出对话框')        # 移动button的位置        self.button.move(50,50)        # 将单击信号和槽绑定        self.button.clicked.connect(self.showDialog)    # 槽方法    def showDialog(self):        # 创建对话框        dialog = QDialog()        # 在对话框dialog里面放一个button        button = QPushButton('确定',dialog)        # 点击button按钮关闭  现成的槽        button.clicked.connect(dialog.close)        # 移动button        button.move(50,50)        # 给dialog设置标题        dialog.setWindowTitle('对话框')        # 设置对话框为模式状态，模式状态：即模式状态开启时，对话框窗口里的所有控件不可用        dialog.setWindowModality(Qt.ApplicationModal)        # 显示对话框        dialog.exec()# 防止别的脚本调用，只有自己单独运行时，才会调用下面的代码if __name__ == '__main__':    # 创建app实例，并传入参数    app = QApplication(sys.argv)    # 创建对象    main = QDialogDemo()    # 创建窗口    main.show()    # 进入程序的主循环，并通过exit函数，确保主循环安全结束(该释放资源的释放)    sys.exit(app.exec_())

效果展示：

39.消息对话框(QMessageBox)

在controls文件夹里，新建QMessageBoxDemo.py文件，执行代码：

"""消息对话框 QMessageBox主要用于显示版本和其他软件的信息常用的有以下集中对话框1.关于对话框2.错误对话框3.警告对话框4.提问对话框5.消息对话框以上对话框主要有以下两种差异1.显示的对话框图标可能不同2.显示的按钮个数，文字是不一样的"""import sys# QtCore是Qt的精髓（包括五大模块：元对象系统，属性系统，对象模型，对象树，信号槽）from PyQt5.QtCore import *# QtGui 显示应用程序图标，工具提示和各种鼠标光标。from PyQt5.QtGui import *# Qt Widgets模块提供了一组UI元素来创建经典的桌面风格的用户界面。from PyQt5.QtWidgets import *class QMessageBoxDemo(QWidget):    def __init__(self):        super(QMessageBoxDemo, self).__init__()        self.initUI()    def initUI(self):        # 设置窗口标题        self.setWindowTitle('QMessageBox演示')        # 设置窗口尺寸        self.resize(300,400)        # 创建垂直布局        layout = QVBoxLayout()        # 创建button1控件        self.button1 = QPushButton()        # 设置button1的文本内容        self.button1.setText('显示关于对话框')        # 创建button2控件        self.button2 = QPushButton()        # 设置button2的文本内容        self.button2.setText('显示消息对话框')        # 创建button3控件        self.button3 = QPushButton()        # 设置button3的文本内容        self.button3.setText('显示警告对话框')        # 创建button4控件        self.button4 = QPushButton()        # 设置button4的文本内容        self.button4.setText('显示错误对话框')        # 创建button5控件        self.button5 = QPushButton()        # 设置button5的文本内容        self.button5.setText('显示提问对话框')        # 信号与槽绑定  （本次演示，多个信号都绑定在一个槽上）        self.button1.clicked.connect(self.showDialog)        self.button2.clicked.connect(self.showDialog)        self.button3.clicked.connect(self.showDialog)        self.button4.clicked.connect(self.showDialog)        self.button5.clicked.connect(self.showDialog)        # 把控件添加到布局里        layout.addWidget(self.button1)        layout.addWidget(self.button2)        layout.addWidget(self.button3)        layout.addWidget(self.button4)        layout.addWidget(self.button5)        # 应用于垂直布局        self.setLayout(layout)    # 槽方法    def showDialog(self):        text = self.sender().text()        if text == '显示关于对话框':            QMessageBox.about(self,'关于','这是一个关于对话框')        elif text == '显示消息对话框':            # 两个选项，一个YES,一个No,还有一个默认的值，按回车之后会Yes            reply = QMessageBox.information(self,'消息','这是一个消息对话框',QMessageBox.Yes | QMessageBox.No,QMessageBox.Yes)            print(reply == QMessageBox.Yes)        elif text == '显示警告对话框':            QMessageBox.warning(self,'警告','这是一个警告对话框',QMessageBox.Yes | QMessageBox.No,QMessageBox.Yes)        elif text == '显示错误对话框':            QMessageBox.critical(self, '错误', '这是一个错误对话框', QMessageBox.Yes | QMessageBox.No, QMessageBox.Yes)        elif text == '显示提问对话框':            QMessageBox.question(self, '提问', '这是一个提问对话框', QMessageBox.Yes | QMessageBox.No, QMessageBox.Yes)if __name__ == '__main__':    app = QApplication(sys.argv)    main = QMessageBoxDemo()    main.show()    sys.exit(app.exec_())

效果展示

40.输入对话框(QInputDialog)

在controls文件夹里，新建QInputDialogDemo.py文件，执行代码：

"""输入对话框：QInputDialog提供了若干个静态方法QInputDialog.getItem  用来显示输入列表QInputDialog.getText   用来显示录入文本QInputDialog.getInt    用来显示输入整数的  计数器控件"""import sys# QtCore是Qt的精髓（包括五大模块：元对象系统，属性系统，对象模型，对象树，信号槽）from PyQt5.QtCore import *# QtGui 显示应用程序图标，工具提示和各种鼠标光标。from PyQt5.QtGui import *# Qt Widgets模块提供了一组UI元素来创建经典的桌面风格的用户界面。from PyQt5.QtWidgets import *class QInputDialogDemo(QWidget):    def __init__(self):        super(QInputDialogDemo, self).__init__()        self.initUI()    # 编写初始化方法    def initUI(self):        # 设置窗口标题        self.setWindowTitle('输入对话框')        # 设置窗口尺寸        self.resize(400,400)        # 创建form表单布局        layout = QFormLayout()        # 创建button1控件        self.button1 = QPushButton('获取列表中的选项')        # 创建lineEdit1控件，放置在button1的右侧  在布局添加的时候设置        self.lineEdit1 =QLineEdit()        # 创建button2控件        self.button2 = QPushButton('获取字符串')        # 创建lineEdit2控件，放置在button2的右侧 在布局添加的时候设置        self.lineEdit2 = QLineEdit()        # 创建button3、lineEdit3控件        self.button3 = QPushButton('获取整数')        self.lineEdit3 = QLineEdit()        # 绑定信号 槽        self.button1.clicked.connect(self.getItem)        self.button2.clicked.connect(self.getText)        self.button3.clicked.connect(self.getInt)        # 把控件添加到form表单布局里        layout.addRow(self.button1,self.lineEdit1)        layout.addRow(self.button2, self.lineEdit2)        layout.addRow(self.button3, self.lineEdit3)        # 应用于form表单布局        self.setLayout(layout)     # 槽方法    def getItem(self):        # 定义一个元组        items =('C','C++','Ruby','Python','Java')        item,ok = QInputDialog.getItem(self,'请选择编程语言','语言列表',items)        if ok and item:            self.lineEdit1.setText(item)    def getText(self):        text, ok = QInputDialog.getText(self,'文本输入框','输入姓名')        if ok and text:            self.lineEdit2.setText(text)    def getInt(self):        num, ok = QInputDialog.getInt(self,'整数输入框','输入数字')        if ok and num:            self.lineEdit3.setText(str(num))if __name__ == '__main__':    app = QApplication(sys.argv)    main = QInputDialogDemo()    main.show()    sys.exit(app.exec_())

效果展示:

41.字体对话框(QFontDialog)

在controls文件夹里，新建QFontDialogDemo.py文件，执行代码：

"""字体对话框 QFontDialog用来显示字体列表，并且选择某一个字体字号，然后返回"""import sysfrom PyQt5.QtCore import *from PyQt5.QtGui import *from PyQt5.QtWidgets import *class QFontDialogDemo(QWidget):    def  __init__(self):        super(QFontDialogDemo, self).__init__()        self.initUI()    def initUI(self):        # 设置窗口标题        self.setWindowTitle('FontDialog演示')        # 设置窗口尺寸        self.resize(300,100)        # 创建一个垂直布局        layout = QVBoxLayout()        # 创建button控件        self.fontButton = QPushButton('选择字体')        # 创建label控件，用于接收设置的文本输入框        self.fontLabel = QLabel('Hello,测试字体例子')        # 绑定信号和槽        self.fontButton.clicked.connect(self.getFont)        # 把控件添加到布局里        layout.addWidget(self.fontButton)        layout.addWidget(self.fontLabel)        # 应用于垂直布局        self.setLayout(layout)    # 槽方法    def getFont(self):        # 返回font对象，探测是否点ok或者cancel        # getFont返回两个值        font, ok = QFontDialog.getFont()        if ok:            self.fontLabel.setFont(font)if __name__ == '__main__':    app = QApplication(sys.argv)    main = QFontDialogDemo()    main.show()    sys.exit(app.exec_())

效果展示：

42.颜色对话框(QColorDialog)

在controls文件夹里，新建QColorDialogDemo.py文件，执行代码：

"""颜色对话框 QColorDialog"""import sysfrom PyQt5.QtCore import *from PyQt5.QtGui import *from PyQt5.QtWidgets import *class QColorDialogDemo(QWidget):    def __init__(self):        super(QColorDialogDemo, self).__init__()        self.initUI()    # 编写初始化方法    def initUI(self):        # 设置窗口标签        self.setWindowTitle('选择颜色')        # 创建布局        layout = QVBoxLayout()        # 创建button控件        self.colorButton = QPushButton('选择颜色')        # 创建label控件，用于设置接收颜色的输入框        self.colorLaber = QLabel('Hello,测试颜色')        # 创建Bgbutton控件，用来设置背景色        self.colorBgButton = QPushButton('设置背景色')        # 绑定信号 槽        self.colorButton.clicked.connect(self.getColor)        self.colorBgButton.clicked.connect(self.getBgColor)        # 把控件放在布局里        layout.addWidget(self.colorButton)        layout.addWidget(self.colorLaber)        layout.addWidget(self.colorBgButton)        # 应用布局        self.setLayout(layout)    # 槽方法    def getColor(self):        # 返回color对象，探测是否点ok或者cancel        # getColor返回一个值        color = QColorDialog.getColor()        # 设置文字颜色        # 调色板实例化        p =QPalette()        p.setColor(QPalette.WindowText,color)        # 设置调色板        self.colorLaber.setPalette(p)    # 背景色槽方法    def getBgColor(self):        color =  QColorDialog.getColor()        # 调色板设置        p = QPalette()        p.setColor(QPalette.Window,color)        # 设置自动填充        self.colorLaber.setAutoFillBackground(True)        # 设置调色板        self.colorLaber.setPalette(p)# 防止别的脚本调用，只有自己单独运行时，才会调用下面代码if __name__ == '__main__':    # 创建app实例，并传入参数    app = QApplication(sys.argv)    # 把类实例化    main = QColorDialogDemo()    # 设置窗口    main.show()    # 进入程序的主循环，通过exit函数，确保主循环安全结束    sys.exit(app.exec_())

效果展示:

43.文件对话框(QFileDialog)

在controls文件夹里，新建QFileDialogDemo.py文件，执行代码：

"""文件对话框 QFileDialog最常用的是打开文件和保存文件对话框"""# 需求：# 1.打开文件，显示到窗口上# 2.打开文本文件，将文本文件的内容显示到窗口上import sysfrom PyQt5.QtCore import *from PyQt5.QtGui import *from PyQt5.QtWidgets import *class QFileDialogDemo(QWidget):    def __init__(self):        super(QFileDialogDemo, self).__init__()        self.initUI()    # 编写初始化方法    def initUI(self):        # 设置窗口标题        self.setWindowTitle('文件对话框演示')        # 创建垂直布局        layout = QVBoxLayout()        # 创建button1控件，用于加载图片        self.button1 = QPushButton('加载图片')        # 创建label控件，把图像显示到label控件上        self.imageLabel = QLabel()        # 创建button2控件，用于加载文件        self.button2 = QPushButton('加载文本文件')        # 创建QTextEdit控件，来显示文本加载的内容        self.contents = QTextEdit('显示文本加载内容')        # 连接信号槽        self.button1.clicked.connect(self.loadImage)        self.button2.clicked.connect(self.loadText)        # 把控件添加到垂直布局里        layout.addWidget(self.button1)        layout.addWidget(self.imageLabel)        layout.addWidget(self.button2)        layout.addWidget(self.contents)        # 应用于垂直布局        self.setLayout(layout)    # 槽方法    def loadImage(self):        # 打开单个文件对话框        # 下行代码第三个参数是默认路径，用 "."代替当前        # 第四个参数：'图形文件 (*.jpg)'改成选中两种类型时有问题 '图形文件 (*.png,*.jpg)'        # 弹出来的显示图片的窗口会随着图片尺寸大小的变化而变化        fname,_ = QFileDialog.getOpenFileName(self,'打开文件','.','图形文件 (*.jpg)')        # 得到图片文件名        self.imageLabel.setPixmap(QPixmap(fname))    def loadText(self):        # 直接创建QFileDialog，第二种方法        # 创建对象        dialog = QFileDialog()        # 设置文件创建模式        dialog.setFileMode(QFileDialog.AnyFile)        # 选择文件        dialog.setFilter(QDir.Files)        #打开文件        if dialog.exec():            # 如果打开成功            filename = dialog.selectedFiles()            # 打开文件，可以打开多个，取第一个            f = open(filename[0],encoding='utf-8',mode='r')            # 读取            # 使用with的原因，自动关闭，当with读取结束后，会自动调用f里面的close方法关闭文档            with f:                data = f.read()                self.contents.setText(data)# 防止别的脚本调用，只有自己单独运行时，才会调用下面代码if __name__ == '__main__':    # app实例化，并传递参数    app = QApplication(sys.argv)    # 创建对象    main = QFileDialogDemo()    # 创建窗口    main.show()    # 进入程序的主循环，通过exit函数    sys.exit(app.exec_())

效果展示：

44.绘制API:绘制文本

新建drawing文件夹，在drawing文件夹里新建DrawText.py文件，执行代码：

"""绘制API:绘制文本绘制API主要有三种类型1.文本2.各种图形(直线、点、椭圆、弧、扇形、多边形等)3.图像绘制元素的类QPainter大致过程painter = QPainter()painter.begin()painter.drawText(...)painter.end()必须在paintEvent事件方法中绘制各种元素这个事件自动调用，在创建窗口时，以及窗口尺寸发生变化时，会重新绘制，很快本质上， 窗口尺寸改变时，窗口上的所有元素都会重新绘制"""import sysfrom PyQt5.QtWidgets import  QApplication,QWidgetfrom PyQt5.QtGui import QPainter,QColor,QFontfrom PyQt5.QtCore import Qtclass DrawText(QWidget):    def __init__(self):        super(DrawText, self).__init__()        # 创建窗口标题        self.setWindowTitle('在窗口上绘制文本')        # 设置窗口尺寸        self.resize(600,200)        # 设置文本        self.text = "PyQt5从入门到精通"    # 定义事件方法    # 参数两个，一个它自己，一个是event    def paintEvent(self, event):        # 创建QPainter对象        painter = QPainter()        painter.begin(self)        print('aaaa')        # 设置笔的颜色        painter.setPen(QColor(123,21,3))        # 设置字体和字号        painter.setFont(QFont('SimSun',25))        # 指定区域，设置对齐方式 居中        painter.drawText(event.rect(),Qt.AlignCenter,self.text)        painter.end()# 防止别的脚本调用，只有自己单独运行时，才会执行下面的代码if __name__ == '__main__':    # app实例化，并传参    app = QApplication(sys.argv)    # 创建对象    main = DrawText()    # 创建窗口    main.show()    # 进入主循环，调用exit方法    sys.exit(app.exec_())

效果展示：

45.用像素点绘制正弦曲线

在drawing文件夹里新建DrawPoints.py文件，执行代码：

"""用像素点绘制正弦曲线drawPoint(x,y)"""# 绘制两个周期的正弦曲线  -2Π到2Πimport sys,mathfrom PyQt5.QtWidgets import *from PyQt5.QtGui import *from PyQt5.QtCore import Qtclass DrawPoints(QWidget):    def __init__(self):        super(DrawPoints, self).__init__()        # 设置窗口的大小        self.resize(300,300)        # 设置窗口标题        self.setWindowTitle('在窗口上用像素点绘制2个周期的正弦曲线')    def paintEvent(self,event):        painter =QPainter()        painter.begin(self)        # 设置笔的颜色 固定 方法二        painter.setPen(Qt.blue)        # 获得窗口尺寸        size = self.size()        # 对水平轴进行循环，循环一千次        for i in range(1000):            x = 100 * (-1 + 2.0 * i/1000) + size.width()/2.0            # pi 指的是Π            y = -50 * math.sin((x - size.width()/2.0)* math.pi/50) + size.height()/2.0            painter.drawPoint(x,y)        painter.end()# 防止别的脚本调用，只有自己单独运行时，才会执行下面代码if __name__ == '__main__':    # app实例化，并传参    app = QApplication(sys.argv)    # 创建对象    main = DrawPoints()    # 创建窗口    main.show()    # 进入主循环，调用exit方法，确保主循环安全结束    sys.exit(app.exec_())

效果展示：

46.绘制不同类型的直线

在drawing文件夹里新建DrawMultiLine.py文件，执行代码：

"""绘制不同类型的直线"""import sys,mathfrom PyQt5.QtWidgets import *from PyQt5.QtGui import *from PyQt5.QtCore import Qtclass DrawMultiLine(QWidget):    def __init__(self):        super(DrawMultiLine, self).__init__()        self.resize(300,300)        self.setWindowTitle('设置Pen的样式')    def paintEvent(self, event):        painter = QPainter()        painter.begin(self)        # 创建画笔   设置颜色，粗细  类型(实线，虚线)        pen = QPen(Qt.red,3,Qt.SolidLine)        # 设置对象        painter.setPen(pen)        # 绘图        painter.drawLine(20,40,250,40)        # 设置虚线        pen.setStyle(Qt.DashLine)        painter.setPen(pen)        painter.drawLine(20,80,250,80)        # 设置点划线        pen.setStyle(Qt.DashDotDotLine)        painter.setPen(pen)        painter.drawLine(20,120,250,120)        # 设置虚线        pen.setStyle(Qt.DashLine)        painter.setPen(pen)        painter.drawLine(20,160,250,160)        # 设置自定义        pen.setStyle(Qt.CustomDashLine)        pen.setDashPattern([1,2])        painter.setPen(pen)        painter.drawLine(20,200,20,200)        size = self.size()                # 绘制结束        painter.end()# 防止其他脚本调用，只有运行该脚本时，才会执行下面代码if __name__ == '__main__':    # app实例化，并传参    app = QApplication(sys.argv)    # 创建对象    main = DrawMultiLine()    # 创建窗口    main.show()    # 进入主循环，调用exit方法，保证主循环安全结束    sys.exit(app.exec_())

效果展示：

47.绘制各种图形

在drawing文件夹里新建DrawAll.py文件，执行代码：

"""绘制各种图形弧 圆形 矩形(正方形) 多边形 绘制图像"""import sys,mathfrom PyQt5.QtWidgets import *from  PyQt5.QtGui import *from  PyQt5.QtCore import *class DrawAll(QWidget):    def __init__(self):        super(DrawAll, self).__init__()        self.resize(400,600)        self.setWindowTitle('绘制各种图形')    # 定义事件    def paintEvent(self, event):        # 创建一个Qpainter对象        qp = QPainter()        # 绘制开始        qp.begin(self)        # 设置笔的颜色        qp.setPen(Qt.blue)        # 绘制弧        #  确定一个区域        rect = QRect(0,10,100,100)        # alen:一个alen等于1/16度   所以表示45度，用45*16表示        #  画50度，用50*16表示  参数  起  终        qp.drawArc(rect,0,50*16)        # 通过弧绘制圆        #  更改笔的颜色        qp.setPen(Qt.red)        # 位置 从0 到360°        qp.drawArc(120,10,100,100,0, 360* 16)        # 绘制带弦的弧        # 位置 从12°到130°        qp.drawChord(10,120,100,100,12,130*16)        # 绘制扇形        #  位置  从12°到130°        qp.drawPie(10,240,100,100,12,130*16)        # 椭圆        #  不需要指定开始角度和结束角度     宽和高不一样。 如果一样就成圆了        qp.drawEllipse(120,120,150,100)        # 通过椭圆绘制圆   距窗口的宽  距窗口的高   宽  高        qp.drawEllipse(180, 300, 150, 150)        # 绘制五边形        #   需要指定五个点        point1 = QPoint(140,380)        point2 = QPoint(270,420)        point3 = QPoint(290,512)        point4 = QPoint(290,588)        point5 = QPoint(200,533)        #   创建一个多边形的对象        polygon = QPolygon([point1,point2,point3,point4,point5])        #  开始绘制五边形        qp.drawPolygon(polygon)        # 绘制图像        #   装载图像        image = QImage('../controls/images/5.png')        #   指定绘制图像的区域   把图片缩小到原来的三分之一        #    距离窗口的宽度  距离窗口的高度   宽缩小三分之一  高缩小三分之一        rect = QRect(10,400,image.width()/3,image.height()/3)        image.save('../controls/images/5.png')        # 开始绘制图像        qp.drawImage(rect,image)        # 绘制结束        qp.end()# 防止其他脚本调用，只有当这个脚本自己运行时，才会调用下面代码if __name__ == '__main__':    # app实例化，并传参    app = QApplication(sys.argv)    # 创建对象    main = DrawAll()    # 创建窗口    main.show()    # 进入主循环，调用exit函数，确保主循环安全结束    sys.exit(app.exec_())

效果展示：

48.用画刷填充图形区域

在drawing文件夹里新建FillRect.py文件，执行代码：

"""用画刷填充图形区域"""import sys,mathfrom PyQt5.QtWidgets import *from PyQt5.QtGui import *from PyQt5.QtCore import *class FillRect(QWidget):    def __init__(self):        super(FillRect, self).__init__()        # 设置窗口标题        self.setWindowTitle('用画刷填充区域')        # 设置窗口尺寸        self.resize(600,600)    # 定义事件    def paintEvent(self, e):        # 创建QPainter对象        qp = QPainter()        # 绘制开始        qp.begin(self)        # 创建画刷对象  默认实心        brush = QBrush(Qt.SolidPattern)        # 设置画刷        qp.setBrush(brush)        # 绘制矩形，填充区域        #   距窗口的宽   距窗口的高    绘制矩形的宽   绘制矩形的高        qp.drawRect(30,15,150,60)        # 创建画刷        brush1 = QBrush(Qt.Dense1Pattern)        # 设置画刷        qp.setBrush(brush1)        # 绘制矩形，填充区域        #   距窗口的宽   距窗口的高    绘制矩形的宽   绘制矩形的高        qp.drawRect(30,100,150,60)        # 创建画刷        brush2 = QBrush(Qt.Dense2Pattern)        # 设置画刷        qp.setBrush(brush2)        # 绘制矩形，填充区域        #   距窗口的宽   距窗口的高    绘制矩形的宽   绘制矩形的高        qp.drawRect(30, 180, 150, 60)        # 创建画刷        brush3 = QBrush(Qt.Dense3Pattern)        # 设置画刷        qp.setBrush(brush3)        # 绘制矩形，填充区域        #   距窗口的宽   距窗口的高    绘制矩形的宽   绘制矩形的高        qp.drawRect(30, 260, 150, 60)        # 创建画刷        brush4 = QBrush(Qt.HorPattern)        # 设置画刷        qp.setBrush(brush4)        # 绘制矩形，填充区域        #   距窗口的宽   距窗口的高    绘制矩形的宽   绘制矩形的高        qp.drawRect(30, 340, 150, 60)        # 绘制结束        qp.end()# 防止其他脚本调用，单独调用此脚本，才会执行下面代码if __name__ == '__main__':    # app实例化，并传参    app = QApplication(sys.argv)    # 创建对象    main = FillRect()    # 创建窗口    main.show()    # 进入主循环，调用exit方法，确保主循环安全结束    sys.exit(app.exec_())

效果展示：

49.让控件支持拖拽动作

新建drapclip文件夹，在drapclip文件夹里新建DrapDrop.py文件，执行代码：

"""让控件支持拖拽动作如果把A拖到BA.setDragEnabled(True)   让A可以拖动B.setAcceptDrops(True)   让B可以接收其他控件B需要两个事件1.dragEnterEvent    将A拖到B触发2.dropEvent         在B的区域放下A时触发"""# demo:将一个文本输入框里面的文字拖到一个QChickBox控件里面，(把文字追加到QChickBox里面)import sys,mathfrom PyQt5.QtWidgets import *from PyQt5.QtGui import *from PyQt5.QtCore import *# B# QComboBox 下拉框class MyComboBox(QComboBox):    def __init__(self):        super(MyComboBox, self).__init__()        # 把这个控件SetAcceptDrops为True,就可以接收别的控件了        self.setAcceptDrops(True)    # 别的控件拖进来，还没松鼠标，还没触发    def dragEnterEvent(self, e):        print(e)        # 查看接收的文本，如果有文本，进行处理        if e.mimeDate().hasText():            e.accept()        else:            e.ignore()    # 把别的控件拖进来放下    def dropEvent(self, e):        # self指当前下拉列表控件        # 得到一个文本输入框的文本        self.addItem(e.mimeDate().text())# Aclass DrapDropDemo(QWidget):    def __init__(self):        super(DrapDropDemo, self).__init__()        # 创建一个form表单布局        formLayout = QFormLayout()        # 把控件添加到布局里        formLayout.addRow(QLabel("请将左边的文本拖拽到右边的下拉列表中"))        # 创建文本输入框  在左侧显示        lineEdit = QLineEdit()        # 被拖动的控件设置可以拖动  让QLineEdit控件可拖动        lineEdit.setDragEnabled(True)        # 创建下拉列表控件        combo = MyComboBox()        # 把控件添加到form布局里  左侧为lineEdit ,右侧为下拉列表控件        formLayout.addRow(lineEdit,combo)        # 应用于布局        self.setLayout(formLayout)        # 设置标题        self.setWindowTitle('拖拽案例')# 防止别脚本调用，只有直接运行此脚本，才会执行下面代码if __name__ == '__main__':    # app实例化，并传参    app = QApplication(sys.argv)    # 创建对象    main = DrapDropDemo()    # 创建窗口    main.show()    # 进入主循环，调用exit方法，让主循环安全退出    sys.exit(app.exec_())

效果展示：

bug：windows发生dragEnterEvent方法执行不了的问题，排查无果，待后期深入研究PyQt5之后再来填坑。

50.使用剪切板

在drapclip文件夹里新建ClipBoard.py文件，执行代码：

"""使用剪贴板"""import sys,mathfrom PyQt5.QtWidgets import *from PyQt5.QtGui import *from PyQt5.QtCore import *class ClipBoard(QDialog):    def __init__(self):        super(ClipBoard, self).__init__()        # 创建6个按钮组件        textCopyButton = QPushButton('复制文本')        textPasteButton = QPushButton('粘贴文本')        htmlCopyButton = QPushButton('复制HTML')        htmlPasteButton = QPushButton('粘贴HTML')        imageCopyButton = QPushButton('复制图像')        imagePasteButton = QPushButton('粘贴图像')        #  创建两个label控件，一个用来显示粘贴的文本   一个用来显示图像        self.textLabel = QLabel('默认文本')        self.imageLabel = QLabel('显示头像')        self.imageLabel.setPixmap(QPixmap('../controls/images/5.png'))        # 设置栅格布局        layout = QGridLayout()        # 把控件添加到布局里        # 第一行第一列        layout.addWidget(textCopyButton,0,0)        # 第一行第二列        layout.addWidget(imageCopyButton,0,1)        #第一行第三列        layout.addWidget(htmlCopyButton,0,2)        # 第二行第一列        layout.addWidget(textPasteButton,1,0)        # 第二行第二列        layout.addWidget(htmlPasteButton,1,1)        # 第二行第三列        layout.addWidget(imagePasteButton,1,2)        # 第三行第一列   占一行占两列        layout.addWidget(self.textLabel,2,0,1,2)        # 第三行第三列        layout.addWidget(self.imageLabel,2,2)        # 应用于栅格布局        self.setLayout(layout)        # 绑定信号  槽        # 分别为这六个按钮指定单击事件        # 复制文本        textCopyButton.clicked.connect(self.copyText)        # 粘贴文本        textPasteButton.clicked.connect(self.pasteText)        # 复制HTML        htmlCopyButton.clicked.connect(self.copyHtml)        # 粘贴HTML        htmlPasteButton.clicked.connect(self.pasteHtml)        # 复制图像        imageCopyButton.clicked.connect(self.copyImage)        # 粘贴图像        imagePasteButton.clicked.connect(self.pasteImage)        # 设置窗口标题        self.setWindowTitle('剪贴板演示')    # 槽方法    def copyText(self):        # 设置剪切板        clipboard = QApplication.clipboard()        # 设置剪切板内容        clipboard.setText('hello world')    def pasteText(self):        # 设置剪切板        clipboard = QApplication.clipboard()        # 设置剪切板内容        # 把剪切板的内容直接放到label里        self.textLabel.setText(clipboard.text())    def copyHtml(self):        # 获取数据类型        mimeData = QMimeData()        # 设置HTML        mimeData.setHtml('Bold and Red')        # 获得剪切板        clipborad = QApplication.clipboard()        # 在剪切板设置数据        clipborad.setMimeData(mimeData)    def pasteHtml(self):        # 获得剪切板        clipboard = QApplication.clipboard()        # 获得数据        mimeData  = clipboard.mimeData()        # 如果数据是html类型        if mimeData.hasHtml():            # 把html数据放在剪切板上            self.textLabel.setText(mimeData.html())    def copyImage(self):        # 设置剪切板        clipboard = QApplication.clipboard()        # 设置剪切板内容        clipboard.setPixmap(QPixmap('../controls/images/5.png'))    def pasteImage(self):        # 设置剪切板        clipboard = QApplication.clipboard()        # 设置剪切板的内容        # 把剪切板的内容直接放到label里        self.imageLabel.setPixmap(clipboard.pixmap())# 防止其他脚本调用，只有单独运行此脚本，才会调用下面代码if __name__ == '__main__':    # app实例，并传参    app = QApplication(sys.argv)    # 创建对象    main = ClipBoard()    # 创建窗口    main.show()    # 执行主循环，调用exit方法，确保主循环安全退出    sys.exit(app.exec_())

效果展示：

51.日历控件

新建calendar_time文件夹，在calendar_time文件夹里新建MyCalendar.py文件，执行代码：

"""日历控件QCalendarWidget"""# 允许用户选择日期import sysfrom PyQt5.QtWidgets import *from PyQt5.QtGui import *from PyQt5.QtCore import *class MyCalendar(QWidget):    def __init__(self):        super(MyCalendar, self).__init__()        self.initUI()    # 编写初始化方法，规范代码，初始化写在一个方法里    def initUI(self):        # 创建日历控件，全局的，在单击事件里面调用        self.cal = QCalendarWidget(self)        # 创建label控件，用于显示当前选择的日期        # 这个label用绝对布局        self.label = QLabel(self)        # 显示当前日期        date = self.cal.selectedDate()        self.label.setText(date.toString('yyyy-MM-dd dddd'))        # 移动label到相应的位置        self.label.move(20,300)        # 设置允许显示最小日期        self.cal.setMinimumDate(QDate(1988,1,1))        # 设置允许显示的最大日期        self.cal.setMaximumDate(QDate(2088,1,1))        # 绑定信号 槽        self.cal.clicked.connect(self.showDate)        # 以网格形式显示        self.cal.setGridVisible(True)        # 移动日历的位置  移动到左上角        self.cal.move(20,20)        # 设置窗口大小        self.resize(400,400)        # 设置标题        self.setWindowTitle('日历演示')    # 添加单击事件    # 槽    def showDate(self,date):        # 显示当前选择的日期        # 方式一  直接在事件里面获取        # self.label.setText((date.toString('yyyy-MM-dd dddd')))        # 方式二   直接通过日历，里面有个selcetedDate的方法获取        self.label.setText((self.cal.selectedDate().toString("yyyy-MM-dd dddd")))# 防止其他脚本调用，只有单独运行，才会调用下面代码if __name__ == '__main__':    # app实例化，传参    app = QApplication(sys.argv)    # 创建对象    main = MyCalendar()    # 创建窗口    main.show()    # 进入主循环，调用exit方法，确保主循环安全退出    sys.exit(app.exec_())

效果展示：

52.输入各种风格的日期和时间

在calendar_time文件夹里新建DateTimeEdit1.py文件，执行代码：

"""输入各种风格的日期和时间QDateTimeEdit"""# 只想显示当前所设置的时间和日期import sys,mathfrom PyQt5.QtWidgets import *from PyQt5.QtGui import *from PyQt5.QtCore import *class DateTimeEdit1(QWidget):    def __init__(self):        super(DateTimeEdit1, self).__init__()        self.initUI()    # 编写初始化方法，规范代码，初始化写在一个方法里    def initUI(self):        # 设置窗口标题        self.setWindowTitle('设置不同风格的日期和时间')        # 设置窗口尺寸        self.resize(200,150)        # 创建垂直布局        layout = QVBoxLayout()        # 创建QDateTimeEdit控件        # 第一个        dateTimeEdit1 = QDateTimeEdit()        # 第二个可以传入当前的时间和日期        dateTimeEdit2 = QDateTimeEdit(QDateTime.currentDateTime())        # 创建单独显示日期的控件        # 第三个        dateEdit = QDateTimeEdit(QDate.currentDate())        # 创建单独显示时间的控件        # 第四个        timeEdit = QDateTimeEdit(QTime.currentTime())        # 分别给这是四个控件设置显示日期或者时间的格式        dateTimeEdit1.setDisplayFormat("yyyy-MM-dd HH:mm:ss")        dateTimeEdit2.setDisplayFormat("yyyy/MM/dd HH-mm-ss")        dateEdit.setDisplayFormat("yyyy.MM.dd")        timeEdit.setDisplayFormat("HH:mm:ss")        # 把控件添加到垂直布局里        layout.addWidget(dateTimeEdit1)        layout.addWidget(dateTimeEdit2)        layout.addWidget(dateEdit)        layout.addWidget(timeEdit)        # 应用于垂直布局        self.setLayout(layout)# 防止其他脚本调用，直接运行此脚本，才会调用下面的代码if __name__ == '__main__':    # app实例化，并传参    app = QApplication(sys.argv)    # 创建对象    main = DateTimeEdit1()    # 创建窗口    main.show()    # 进入主循环，调用exit方法，确保主循环安全退出    sys.exit(app.exec_())

效果展示：

拓展：

日期和时间控件的高级操作

"""输入各种风格的日期和时间QDateTimeEdit"""# 只想显示当前所设置的时间和日期import sys,mathfrom PyQt5.QtWidgets import *from PyQt5.QtGui import *from PyQt5.QtCore import *class DateTimeEdit1(QWidget):    def __init__(self):        super(DateTimeEdit1, self).__init__()        self.initUI()    # 编写初始化方法，规范代码，初始化写在一个方法里    def initUI(self):        # 设置窗口标题        self.setWindowTitle('设置不同风格的日期和时间')        # 设置窗口尺寸        self.resize(200,150)        # 创建垂直布局        layout = QVBoxLayout()        # 创建QDateTimeEdit控件        # 第一个        dateTimeEdit1 = QDateTimeEdit()        # 第二个可以传入当前的时间和日期        dateTimeEdit2 = QDateTimeEdit(QDateTime.currentDateTime())        # 创建单独显示日期的控件        # 第三个        dateEdit = QDateTimeEdit(QDate.currentDate())        # 创建单独显示时间的控件        # 第四个        timeEdit = QDateTimeEdit(QTime.currentTime())        # 创建button控件，目的：通过点击button获取当前的时间        self.btn = QPushButton('获取日期和时间')        # 分别给这是四个控件设置显示日期或者时间的格式        dateTimeEdit1.setDisplayFormat("yyyy-MM-dd HH:mm:ss")        dateTimeEdit2.setDisplayFormat("yyyy/MM/dd HH-mm-ss")        dateEdit.setDisplayFormat("yyyy.MM.dd")        timeEdit.setDisplayFormat("HH:mm:ss")        # 把控件添加到垂直布局里        layout.addWidget(dateTimeEdit1)        layout.addWidget(dateTimeEdit2)        layout.addWidget(dateEdit)        layout.addWidget(timeEdit)        #   把拓展里的按钮添加到布局里面        layout.addWidget(self.btn)        # 应用于垂直布局        self.setLayout(layout)        # 拓展        # 给dateTimeEdit1设置最大最小值        # QDate.currentDate().addDays(-365) 表示回退当前时间的365天        # dateTimeEdit1.setMinimumDate(QDate.currentDate().addDays(-365))        # QDate.currentDate().addDays(365)   表示增加当前时间的365天        # dateTimeEdit1.setMinimumDate(QDate.currentDate().addDays(365))        # 给dateTimeEdit2添加日历控件        dateTimeEdit2.setCalendarPopup(True)        # 把这三个槽都绑定到第一个控件上        dateTimeEdit1.dateChanged.connect(self.onDateChanged)        dateTimeEdit1.timeChanged.connect(self.onTimeChanged)        dateTimeEdit1.dateTimeChanged.connect(self.onDateTimeChanged)        # 如何来获取设置的日期和时间        # 绑定 信号  槽        self.btn.clicked.connect(self.onButtonClick)        # 设置当前时间为dateTimeEdit1的时间        self.dateTimeEdit = dateTimeEdit1    # 事件    # 日期变化  时间变化  日期时间变化    # 槽    # 日期变化    def onDateChanged(self,date):        print(date)    # 时间变化    def onTimeChanged(self,time):        print(time)    # 日期和时间变化    def onDateTimeChanged(self,datetime):        print(datetime)    # 添加单击的槽    def onButtonClick(self):        # 获取当前日期时间        datetime = self.dateTimeEdit.dateTime()        print(datetime)        # 获得最大日期        print(self.dateTimeEdit.maximumDate())        # 获得最大日期和时间        print(self.dateTimeEdit.maximumDateTime())        # 获得最小日期        print(self.dateTimeEdit.minimumDate())        # 获得最小日期和时间        print(self.dateTimeEdit.minimumDateTime())# 防止其他脚本调用，直接运行此脚本，才会调用下面的代码if __name__ == '__main__':    # app实例化，并传参    app = QApplication(sys.argv)    # 创建对象    main = DateTimeEdit1()    # 创建窗口    main.show()    # 进入主循环，调用exit方法，确保主循环安全退出    sys.exit(app.exec_())

效果展示：

53.创建和使用菜单

在menu_toolbar_statusbar文件夹里新建Menu.py文件，执行代码：

"""创建和使用菜单"""import sys,mathfrom PyQt5.QtWidgets import *from PyQt5.QtGui import *from PyQt5.QtCore import *class Menu(QMainWindow):    def __init__(self):        super(Menu, self).__init__()        # 设置窗口尺寸        self.resize(300,200)        # 获取菜单栏        bar = self.menuBar()        # 给菜单栏添加 "文件"        file = bar.addMenu("文件")        # 给文件添加动作 "新建"        # 第一种添加方式        file.addAction("新建")        # 第二种添加方式  通过QAction        # 添加动作 "保存"        save = QAction("保存",self)        # 给保存添加快捷键        save.setShortcut("Ctrl + S")        # 把"保存"动作添加到"文件"下面        file.addAction(save)        # 把save触发连接槽        save.triggered.connect(self.process)        # 给菜单栏添加"编辑"菜单        edit = bar.addMenu("Edit")        # 给"编辑"添加"复制"动作        edit.addAction("copy")        # 给"编辑"添加"粘贴"动作        edit.addAction("paste")        # 创建"退出"动作        quit =QAction("Quit",self)        # 把"退出"添加到"文件"下面        file.addAction(quit)    # 给动作添加事件    def process(self,a):        print(self.sender().text())# 直接运行此脚本，才会调用下面代码if __name__ == '__main__':    # app实例化，并传参    app =   QApplication(sys.argv)    # 创建对象    main = Menu()    # 创建窗口    main.show()    # 进入主循环，调用exit方法，确保主循环安全退出    sys.exit(app.exec_())

效果展示：

54.创建和使用工具栏

在menu_toolbar_statusbar文件夹里新建Toolbar.py文件，执行代码：

"""创建和使用工具栏三种显示状态   显示图标  显示文本   显示图标和文本图标和文本的关系：上下  左右使用addToolBar添加self.addToolBar()   传参  传工具栏的名字    可以创建任意多个工具栏     会从左向右排列工具栏默认按钮：只显示图标，将文本作为悬停提示展示"""import sys,mathfrom PyQt5.QtWidgets import *from PyQt5.QtGui import *from PyQt5.QtCore import *class Toolbar(QMainWindow):    def __init__(self):        super(Toolbar, self).__init__()        self.initUI()    def initUI(self):        self.setWindowTitle('工具栏例子')        # 设置尺寸大小        self.resize(300,200)        # 创建工具栏        tb1 = self.addToolBar("File")        # 往工具栏添加按钮，添加动作        # 添加图标，添加文本        # self  表示放在当前的窗口上        # 工具栏默认按钮：只显示图标，将文本作为悬停提示展示        new = QAction(QIcon('../controls/images/5.png'),"new",self)        # 添加new动作        tb1.addAction(new)        # 在工具栏添加第二个按钮        open = QAction(QIcon('../controls/images/4.jpg'),"open",self)        # 添加open动作        tb1.addAction(open)        # 在工具栏添加第三个按钮        save = QAction(QIcon('../controls/images/3.ico'),"save",self)        tb1.addAction(save)        # 设置既显示图标又显示文本        # 文本在图标的右侧显示        # tb1.setToolButtonStyle(Qt.ToolButtonTextBesideIcon)        # 文本在图标的下侧显示        tb1.setToolButtonStyle(Qt.ToolButtonTextUnderIcon)        # 只显示文本        # tb1.setToolButtonStyle(Qt.ToolButtonTextOnly)        # 默认情况下只显示图标        # 给tb1添加动作 用来显示按了哪一个按钮        # 绑定信号 槽        tb1.actionTriggered.connect(self.toolbtnpressed)        # 让有的按钮只显示图标，有的按钮只显示文本        # 通过创建多个工具条，一是可以将同类别的控件放在一起，二是可以控制每个工具栏相关的属性        # 创建工具栏        tb2 = self.addToolBar("File1")        # 往工具栏添加动作        new1 = QAction(QIcon('../controls/images/5.png'), "new1", self)        # 添加new1动作        tb2.addAction(new1)        tb2.setToolButtonStyle(Qt.ToolButtonTextUnderIcon)        tb2.actionTriggered.connect(self.toolbtnpressed)    # 槽方法    # 显示按下的哪个按钮    def toolbtnpressed(self,a):        print("按下的工具栏按钮是",a.text())# 直接运行此脚本，才会执行下面代码if __name__ == '__main__':    # app实例化，并传参    app = QApplication(sys.argv)    # 创建对象    main = Toolbar()    # 创建窗口    main.show()    # 进入主循环，调用exit方法 ，确保主循环安全退出    sys.exit(app.exec_())

效果展示：

55.创建和使用状态栏

在menu_toolbar_statusbar文件夹里新建StatusBar.py文件，执行代码：

"""创建和使用状态栏用于显示状态信息"""# 添加菜单 点击菜单会在状态栏里面显示五秒的信息，然后自动的消失import sys,mathfrom PyQt5.QtWidgets import *from PyQt5.QtGui import *from PyQt5.QtCore import *class StatusBar(QMainWindow):    def __init__(self):        super(StatusBar, self).__init__()        self.initUI()    # 编写初始化的方法，规范代码    def initUI(self):        # 设置窗口标题        self.setWindowTitle('状态栏演示')        # 设置尺寸        self.resize(300,200)        # 创建状态栏        self.statusBar = QStatusBar()        # 设置状态        self.setStatusBar(self.statusBar)        # 获得菜单栏        bar = self.menuBar()        # 在菜单栏里面添加"文件"菜单        file = bar.addMenu("File")        # 给文件菜单添加动作  给"文件"菜单添加子菜单        file.addAction("show")        # 添加触发的动作        file.triggered.connect(self.processTrigger)        # 放置一个中心控件        self.setCentralWidget(QTextEdit())    # 槽方法    def processTrigger(self,q):        if q.text() == "show":            # 文本显示五秒钟，自动关闭            self.statusBar.showMessage(q.text() + "菜单被点击了",5000)# 防止别的脚本调用，只有单独执行此脚本时，才会调用下面代码if __name__ == '__main__':    # app实例化，并传参    app = QApplication(sys.argv)    # 创建对象    main = StatusBar()    # 创建窗口    main.show()    # 执行主循环，调用exit方法，确保主循环安全退出    sys.exit(app.exec_())