宇宙最强VisualStudio2017配置pyQt5用于python3.6的UI界面工具(转)

宇宙最强VisualStudio2017配置pyQt5用于python3.6的UI界面工具

前言 
请务必注意我的写作日期是2017年12月10日。

现在的新版都在不停的变化中,希望会越来愈好。

2017年3月18日,微软发布了Visual Studio2017,其中的社区版可以自由下载并应用,在这一款号称“宇宙最强”的IDE和编译器中,终于集成了对python语言的支持,并直接加入了机器学习的框架,不愧其牛B的称号。 
和传统的pycharm相比,微软继承了一其一贯的强大作风,在编程时给码农无微不至的关怀,自动补全和提示、环境和工具应有具有,而且可以直接连接网络从gitHub中获取pyhon框架,很牛很暴力! 
然而,在这一个版本中有一个败笔,就是VS2017版中没有python的UI支持和打包发行的的支持,让我么看看官网是如何描述的。

这里写图片描述
官网推荐python的用户UI采用pySide或者pyQt,但是按照官网的链接,遍寻QT的官网,pySide仅仅支持python至3.4版本,VS2017的python缺省版本就是3.6,pyQt就压根找不到支持VS2017的文件,而且其官网上也就最多支持到python的3.5版,显而易见,写这段话的攻城狮压根就对UI不敢兴趣而且对python的UI极不熟悉,这段话不仅是废话而且恐怕是一个巨大的坑,会导致阅读并寻求答案的人陷入迷途。微软,你摊上事了。 
经过一天在黑暗中的摸索,我把自己的答案写出来,各位童鞋,福利来了,翠花,还等什么,上酸菜吧!

流程 
不要问为什么,按照我的流程执行就好了。 
1 在VisualStudio017中,打开文件-新建-项目,选择python工程: 
这里写图片描述 
填写项目的目录和项目的名字,确定。

2 创建一个python文件,helloWorld,随便简单敲几行代码。没关系,后面要变化的。 
这里写图片描述

3 选择工具-外部工具,如图的界面,点击添加 
这里写图片描述

在标题处填入“pyQTDesigner”,命令行选择exe文件,在pyhon的sit-package目录下的pyqt-tools下 
**提别提醒:在执行这一步之前,确保如下: 
1 你已经安装了python3.6 
2 pip3 install pyqt5 
3 pip3 install pyqt-tools**

参数一行采用宏命令,直接选择“itemFileName”后再后面添加“_form.ui”,其中的_form你可以按照自己的意思随便填写,ui是专有的扩展名,不得变更。 
点击确定。

同样,按照上述步骤添加一个外部工具“pyuic5”,其执行文件是一个py文件,在pyhon的scripts目录下,参数行填写看我的示意图,其实质是在执行一个命令:“pyuic5 fileName.ui -o fileName.py”,就是将Qt的UI文件转化为py文件,其中的文件名是一个宏命令,后面还添加了我们刚才给出的后缀,当然,参数行也可以不用填写,到时自己指定就好了。目录也是一个宏命令,就是你的项目的路径。 
这里写图片描述

4 点击确定后回到VS2017,我们看到在工具菜单下已经多出了两个标签: 
这里写图片描述

5 点击其中的“pyQtDesigner”:点击确定。 
这里写图片描述

6 就会打开一个Qt的Ui界面: 
这里写图片描述 
在弹出的提示框中选择新建 
这里写图片描述 
选择main windows. 
这里写图片描述 
在窗体上拉入两个按钮,给出触发事件的函数命名,拉入一个editText和lable。这些都是pyQt5的标准做法,和其它的windows窗体工具箱一样,这里有丰富的UI控件,自由编辑就好了。

点击保存后就可以将这个窗体关掉,回到项目的目录下,你会发现出现了一个“helloWorld_form.ui”的文件,这就是我们刚才创建的窗体文件。 
这里写图片描述

7 回到VS2017,点击工具-pyuic5,出现如下提示框,就是刚才我们填写的命令和参数,点击确定。 
这里写图片描述 
你会发现在项目的目录下多出来一个“helloWorld_form.py”的文件,这就是QT文件直接转化成为py文件。 
这里写图片描述

回到VS2017界面,打开这个py文件,里面就是标准的py语言。对这个文件我们不需要做任何更改。 
注意:在VS中这个文件里的内容会和pycharm中稍有不同。 
这里写图片描述

8 回到我们的项目文件“helloWorld.py”文件,补全内容: 
这里写图片描述

from helloWorld_form import Ui_MainWindow # 导入uitestPyQt5.ui转换为uitestPyQt5.py中的类 
from PyQt5 import QtGui, QtWidgets,QtCore 
from PyQt5.QtGui import QImage,QPixmap 
import cv2

class Mywindow(QtWidgets.QMainWindow, Ui_MainWindow): 
# 建立的是Main Window项目,故此处导入的是QMainWindow 
# class myform(QWidget,Ui_Form):如建立的是Widget项目,导入的是QWidget 
def init(self): 
super(Mywindow, self).init() 
self.setupUi(self)

def btn2(self):
    self.textEdit.setText('Hello World!'+'\n')

def btn1(self):
    img=cv2.imread('c:\\lena.png')
    self.label.setPixmap(QPixmap.fromImage(cvMatToQimg(img)))
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

def cvMatToQimg(mat):#将opencv格式的文件转化为pyqt5的文件格式 
mat = cv2.cvtColor(mat, cv2.COLOR_BGR2RGB) 
#mat=cv2.cvtColor(mat,cv2.COLOR_BGR2HSV) 
#mat = cv2.cvtColor(mat, cv2.COLOR_BGR2GRAY) 
return QImage(mat.tostring(), mat.shape[1], mat.shape[0], mat.shape[2] * mat.shape[1], QtGui.QImage.Format_RGB888)

if name == ‘main‘: 
app = QtWidgets.QApplication(sys.argv) 
window = Mywindow() 
window.show() 
# window=myform() #如果是QWidget 
#windows.show() 
#app.exec_() 
sys.exit(app.exec_()) 
“` 
这段代码有我的一些程序在里面,基本的样式就是这样,其中的类和尾部的代码都是标准的,无需更改。 
其中的btn1和 btn2就是我们在QT窗体里指定的触发函数名。 
这段代码不多做解释,请自行度娘学习。

9 运行一下程序ctr F5 
这里写图片描述 
点击两个按钮,可以看到图片和文本框的内容都发生了变化。 
这里写图片描述

这是项目目录里文件的情况。 
这里写图片描述

结语 
果断删除pycahrm,以后就是VS2017了。

后记 
在VS2017中,关于python各类库的更新在工具-python-环境设置中,选择“包”,就会出现各种已经pip过的库,可以增减和升级降级操作,非常方便。

posted @ 2019-03-16 14:38  中国人醒来了  阅读(631)  评论(0编辑  收藏  举报