前言
上一篇博客搭建了环境,参见:
http://blog.youkuaiyun.com/m0_37606112/article/details/78419892
本篇给出在pycharm中构建前端可视化界面的代码。
操作步骤
1 打开pycharm,点选tools-external tools-QTDesigner,进入GUI界面:
2 采用拖拉的方式建立lable、EditText、PushButton、PlainText、DialogButton等。
改变这些元素的特性,如名字,大小,排布,比例、文字、背景图片等。
3 点选slot选项,给PushButton按钮关联动作函数。
4 保存上述设置,可以看到,在pycharm左侧的目录中出现了test.ui的文件,选择这个文件,右键选择tools_external-Pyuic5,确定。
可以看到在左侧的同一目录下出现了一个test.py的文件。
无需对test.py文件做任何改动,也无需运行。
5 新建一个main.py的文件:
# -*- coding: utf-8 -*-
# @Time : 2017/11/6 22:54
# @Author : aikes
# @Email : 13937992699@139.com
# @File : main.py
# @Software: python3.6.3
# opencv3.3.0
# pyqt5
# pycharm 2017.2
from test import Ui_MainWindow # 导入uitestPyQt5.ui转换为uitestPyQt5.py中的类
from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtGui import QImage,QPixmap
from PyQt5.QtWidgets import QFileDialog,QInputDialog
import cv2
import sys
import numpy as np
cv2.namedWindow(