PyCharm下利用pyqt对话框打开图片，显示

雨点打透心脏的1/2处 2022-09-30 00:56 80阅读 0赞

## PyCharm下利用pyqt对话框打开图片，显示 ##

*   *  PyCharm下利用pyqt对话框打开图片显示
     *  1安装PyCharm Python PyQt5
     *  Pycharm配置Pyqt
        
         *  1添加Qtdesigner
         *  2添加PyUIC Tool
         *  3pyrcc5exe
     *  Pyqt显示图片

**环境：**

windows64

[PyCharm（Version: 2016.3.2，64位）][PyCharm_Version_ 2016.3.2_64]

[python3.5.3（64位）][python3.5.3_64]

[PyQt5-5.6（64位）][PyQt5-5.6_64]

> **注意**：先安装python，再按照pyqt
> 
> 选择pyqt5和python对应版本。

**完整代码下载：**

[PyCharm下利用pyqt显示图片][PyCharm_pyqt]

## 1安装PyCharm Python PyQt5 ##

安装PyCharm。

安装Python

安装 PyQt5

## 2.Pycharm配置Pyqt ##

打开Pycharm,按下图操作，进行设置（Pycharm主题背景、字体大小、样式等也是点击此处设置）

![这里写图片描述][SouthEast]

### **2.1添加Qtdesigner** ###

Qtdesigner用来构建界面GUI

**Name:**  
`Qtdesigner`  
**program:**  
`C:\Python35\Lib\site-packages\PyQt5\designer.exe`  
**Working directory:**  
`$FileDir$`

![这里写图片描述][SouthEast 1]

### **2.2添加PyUIC Tool** ###

这个Tool能够将QT Designer生成的.ui文件转化为.py文件。  
主要是通过QT指令来实现的:

-m PyQt5.uic.pyuic $FileName$ -o $FileNameWithoutExtension$.py

**Name:**  
`PyUIC`  
**program:**  
`C:\Python35\python.exe`  
**parameters：**  
`-m PyQt5.uic.pyuic $FileName$ -o $FileNameWithoutExtension$.py`  
**Working directory:**  
`$FileDir$`

![这里写图片描述][SouthEast 2]

### **2.3pyrcc5.exe** ###

使用资源文件，资源文件需要用pyrcc5.exe转码。  
**Name:**  
`pyrcc5`  
**program:**  
`C:\Python34\Lib\site-packages\PyQt5\pyrcc5.exe`  
**parameters：**  
`$FileName$ -o $FileNameWithoutExtension$_rc.py`  
**Working directory:**  
`$FileDir$`

![这里写图片描述][SouthEast 3]

## 3.Pyqt显示图片 ##

**1）**在pycharm中新建一个工程(**如Openimg，在工程中新建一个python文件open.py**)，点击上图外部工具的Qtdesigner，

![这里写图片描述][SouthEast 4]

2）选择wiget创建，名称保存为first.ui在其上添加一个按钮和一个label。对按钮添加信号槽，对label拉伸。利用qlable属性显示图片。

![这里写图片描述][SouthEast 5]

![这里写图片描述][SouthEast 6]

![这里写图片描述][SouthEast 7]

![这里写图片描述][SouthEast 8]

**最后保存一下。**

在pycharm新建的工程中，将ui文件转换为py文件

![这里写图片描述][SouthEast 9]

在open.py中，添加如下代码：（注意空格和空tab）

# -*- coding: utf-8 -*-
    from PyQt5 import QtWidgets, QtGui
    import sys
    from first import Ui_Form   # 导入生成first.py里生成的类
    from PyQt5.QtWidgets import QFileDialog
    class mywindow(QtWidgets.QWidget,Ui_Form):
        def __init__(self):
            super(mywindow,self).__init__()
            self.setupUi(self)
            #定义槽函数
        def openimage(self):
       # 打开文件路径
       #设置文件扩展名过滤,注意用双分号间隔
            imgName,imgType= QFileDialog.getOpenFileName(self,
                                        "打开图片",
                                        "",
                                        " *.jpg;;*.png;;*.jpeg;;*.bmp;;All Files (*)")
    
            print(imgName)
            #利用qlabel显示图片
            png = QtGui.QPixmap(imgName).scaled(self.label.width(), self.label.height())
            self.label.setPixmap(png)
    app = QtWidgets.QApplication(sys.argv)
    window = mywindow()
    window.show()
    sys.exit(app.exec_())

**简单测试结果：**

![这里写图片描述][SouthEast 10]

![这里写图片描述][SouthEast 11]

[PyCharm_Version_ 2016.3.2_64]: http://www.jetbrains.com/pycharm/
[python3.5.3_64]: https://www.python.org/downloads/windows/
[PyQt5-5.6_64]: https://sourceforge.net/projects/pyqt/files/PyQt5/PyQt-5.6/
[PyCharm_pyqt]: http://download.csdn.net/download/yhhyhhyhhyhh/9784382
[SouthEast]: /images/20220708/e1e6f9c348084a96ac01d89f1f0a3687.png
[SouthEast 1]: /images/20220708/686bce2e3b37410da346f4d2783515ce.png
[SouthEast 2]: /images/20220708/36804c937ba141c3b0d153e6ea856306.png
[SouthEast 3]: /images/20220708/9c09d75ef7dc469ca86eea234073cc3f.png
[SouthEast 4]: /images/20220708/08f5b54f54844509826c91d5c145ff8c.png
[SouthEast 5]: /images/20220708/7d07180119a0446b9f67214ea4dfc9fc.png
[SouthEast 6]: /images/20220708/53b5efc378874d30ad2482f8be12d57b.png
[SouthEast 7]: /images/20220708/ccca54d718cd4d14993a80b61e753bc0.png
[SouthEast 8]: /images/20220708/5a4667c6ffe0496fb6e383c2f32131ce.png
[SouthEast 9]: /images/20220708/909c53ccda274a0cb2e20e3bbc324e37.png
[SouthEast 10]: /images/20220708/41d9aec53d29494093704fd9ea9ba985.png
[SouthEast 11]: /images/20220708/4dd1acfb43f147ae9ccec6c669fc100e.png