python3.6+pyqt5+pycharm5界面编程实例

最新推荐文章于 2025-06-22 09:21:00 发布

原创

最新推荐文章于 2025-06-22 09:21:00 发布 · 2.8w 阅读

184 ·

CC 4.0 BY-SA版权

文章标签：

#python #pyqt #可视化

本篇博客介绍如何在PyCharm中使用PyQt5创建可视化界面。通过QTDesigner设计GUI，设置元素属性，并关联槽函数。通过Pyuic5将.ui文件转换为.py文件。在main.py中导入转换后的文件，实现按钮事件处理，包括显示网络图片、本地图片以及动态更新文本和图像。整个过程展示了PyQt5在图像处理和GUI交互方面的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言
上一篇博客搭建了环境，参见：
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(