一、简介
GUI就是图形用户界面的意思，在Python中使用PyQt可以快速搭建自己的应用，自己的程序看上去就会更加高大上。
有时候使用 python 做自动化运维操作，开发一个简单的应用程序非常方便。程序写好，每次都要通过命令行运行 python 程序，就不是那么人性化了。为了更方便的操作，使用 Python GUI 编写界面程序，方便后续程序的操作。
二、安装PyQt5和配置可视化界面
打开PyCharm的Terminal控制台，输入以下命令安装
pip install pyQt5 -i https://pypi.tuna.tsinghua.edu.cn/simple
由于我本地已经安装过了，提示已经存在
接着再安装QtDesigner，执行以下命令安装
pip install pyQt5-tools -i https://pypi.tuna.tsinghua.edu.cn/simple --user
安装截图：
然后打开设置，按照以下顺序操作：
这样就配好了
然后在你的文件上右键，在扩展工具中选择Qt designer即可打开：
然后就自动打开以下界面：
接下来，按照同样的方法添加pyuic，pyuic用于将qtdesigner生成的.ui文件转换成python可以识别的.py文件，其设置过程如下图所示，Programs处输入python.exe所在的路径和文件名，Arguments处输入：
-m PyQt5.uic.pyuic -o $FileNameWithoutExtension$.py $FileName$
在Working directory处输入：
$FileDir$
这样生成的py文件就会和被转换的ui文件位于相同的文件夹下，点击ok完成设置
然后测试配置是否生效，右键文件打开designer工具，新建一个窗口：
然后CTRL+S 保存文件到你的项目下，重命名名字为：QtTest.ui
接着右键ui文件在扩展工具里点pyuic给它转成py文件
然后在main.py中输入以下代码即可打开可视化窗口
#读取QtTest文件,可视化显示出来
from QtTest import Ui_MainWindow
import sys
from PyQt5.QtWidgets import QApplication,QMainWindow
class CamShow(QMainWindow,Ui_MainWindow):
def __init__(self,parent=None):
super(CamShow,self).__init__(parent)
self.setupUi(self)
if __name__ == '__main__':
app = QApplication(sys.argv)
ui = CamShow()
ui.show()
sys.exit(app.exec_())
运行结果如下：
至此搭建完毕
三、图片展示功能
实战需求：做一个图片浏览器的小demo,在窗口中添加一个打开文件按钮，点击打开文件选择一张图片，图片即可展示到浏览器窗口中。
首先打开qt designer，把项目中的ui文件导入进去打开
先拖拽一个按钮出来：
图片想要显示出来，离不开label，如下所示
因为上面的各组件没有边界，不能一起操作，我们先创建一个group Box，再在box中创建其他组件
如下图所示：
我们先修改一下按钮的变量名
我们保存一下文件，回到项目中，右键ui文件执行一下扩展工具里的pyuic,然后再执行一下main方法，即可看到修改后的界面：
接下来给打开文件添加逻辑：
#读取QtTest文件,可视化显示出来
from QtTest import Ui_MainWindow
import sys
from PyQt5.QtWidgets import QApplication,QMainWindow,QFileDialog #QFileDialog文件打开所需
from PyQt5 import QtGui
class CamShow(QMainWindow,Ui_MainWindow):
def __init__(self,parent=None):
super(CamShow,self).__init__(parent)
self.setupUi(self)
#信号的绑定 信号与槽 一个信号与槽函数进行连接
self.openFileBtm.clicked.connect(self.loadImage)
def loadImage(self):
print("按钮被按下了")
#文件访问功能 获取图片
self.fname, _ = QFileDialog.getOpenFileName(self,'选择图片','.','图像文件(*.jpg *.png)')
print(self.fname)
#把图片显示在图片窗口中 QPixmap 把图片路径转为QPixmap路径 scaled压缩图片到实际大小
pix = QtGui.QPixmap(self.fname).scaled(self.ImageLabel.width(),self.ImageLabel.height())
self.ImageLabel.setPixmap(pix) #图片窗口展示图片
if __name__ == '__main__':
app = QApplication(sys.argv)
ui = CamShow()
ui.show()
sys.exit(app.exec_())
运行结果：
以下再补充一些细节：
#读取QtTest文件,可视化显示出来
from QtTest import Ui_mainWindow
import sys
from PyQt5.QtWidgets import QApplication,QMainWindow,QFileDialog,QMessageBox #QFileDialog文件打开所需
from PyQt5 import QtGui
class CamShow(QMainWindow,Ui_mainWindow):
#所有按钮事件的绑定都是在__init__中绑定的
def __init__(self,parent=None):
super(CamShow,self).__init__(parent)
self.setupUi(self)
#信号的绑定 信号与槽 一个信号与槽函数进行连接
self.openFileBtm.clicked.connect(self.loadImage)
#菜单中的按钮都用的triggered
self.actionOpen.triggered.connect(self.loadImage)
#退出按钮
self.actionexit.triggered.connect(self.exit)
#关于按钮
self.actionabout.triggered.connect(self.about)
def loadImage(self):
self.infolabel.setText("打开文件按钮被按下了")
#文件访问功能 获取图片
self.fname, _ = QFileDialog.getOpenFileName(self,'选择图片','.','图像文件(*.jpg *.png)')
print(self.fname)
#把图片显示在图片窗口中 QPixmap 把图片路径转为QPixmap路径 scaled压缩图片到实际大小
pix = QtGui.QPixmap(self.fname).scaled(self.ImageLabel.width(),self.ImageLabel.height())
self.ImageLabel.setPixmap(pix) #图片窗口展示图片
def exit(self):
sys.exit(app.exec_())
def about(self):
self.infolabel.setText("帮助按钮被按下了")
#弹出对话框，显示个人信息 QMessageBox 信息对话框
QMessageBox.information(self,"软件说明","该软件由欧某某制作而成！软件版本1.0")
if __name__ == '__main__':
app = QApplication(sys.argv)
ui = CamShow()
ui.show()
sys.exit(app.exec_())
