当前位置:首页 » 《休闲阅读》 » 正文

Python GUI入门详解-学习篇

12 人参与  2024年12月05日 18:01  分类 : 《休闲阅读》  评论

点击全文阅读


一、简介

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_MainWindowimport sysfrom PyQt5.QtWidgets import QApplication,QMainWindowclass 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_MainWindowimport sysfrom PyQt5.QtWidgets import QApplication,QMainWindow,QFileDialog #QFileDialog文件打开所需from PyQt5 import QtGuiclass 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_mainWindowimport sysfrom PyQt5.QtWidgets import QApplication,QMainWindow,QFileDialog,QMessageBox  #QFileDialog文件打开所需from PyQt5 import QtGuiclass 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_())

在这里插入图片描述


点击全文阅读


本文链接:http://m.zhangshiyu.com/post/196884.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1