PyQt5 笔记2 – Qt Designer使用

1、打开Qt Designer

Tools > External Tools > Qt Designer

2、新建窗口

选择 Main Window > Creat

3、界面布局

左边是控件、中间是窗口、右边是设置界面和控件的属性。通过拖拽控件完成界面布局。

4、使用 Qt Designer 设计的界面的两种方法

以登陆窗口为例，虽然很丑。

法一：通过 PyUIC 把 .ui 文件转为 .py 文件

1、在 Pycharm 中右击 ui_Login.ui 文件，External Tools > PyUIC，会生成一个同名的 ui_Login.py 文件。

2、新建一个使用界面的 Login.py 文件

import sys
from PyQt5.QtWidgets import QMainWindow
from ui_Login import Ui_MainWindow# 设计我们的窗口类
class Login(QMainWindow):def __init__(self, parent = None):super(Login, self).__init__(parent)# 实例化一个我们设计的界面类 Ui_MainWindow 的对象self.ui = Ui_MainWindow()# 用这个界面装饰我们创建的窗口self.ui.setupUi(self)# 隐藏lableself.ui.la_Print.hide()# 通常信号与槽的连接放在__init__函数中# 连接槽函数登录按钮self.ui.pb_Ok.clicked.connect(self.slotLogin)# 连接槽函数退出按钮self.ui.pb_Cancle.clicked.connect(self.slotCancle)def slotLogin(self):if self.ui.le_Name.text() != "admin" or self.ui.le_Passwd.text() != "123456":self.ui.la_Print.show()self.ui.la_Print.setText("用户名或密码错误！")else:self.ui.la_Print.setText("正在登陆")def slotCancle(self):self.close()

法二：通过 loadUi 直接使用 .ui 文件

Login2.py

import sys
from PyQt5.QtWidgets import QMainWindow# 导入loadUi
from PyQt5.uic import loadUiclass Login(QMainWindow):def __init__(self, *args):super(Login, self).__init__(*args)# 在窗口中加载界面loadUi('ui_Login.ui', self)self.la_Print.hide()self.pb_Ok.clicked.connect(self.slotLogin)self.pb_Cancle.clicked.connect(self.slotCancle)def slotLogin(self):if self.le_Name.text() != "admin" or self.le_Passwd.text() != "123456":self.la_Print.show()self.la_Print.setText("用户名或密码错误！")else:self.la_Print.show()self.la_Print.setText("正确！")def slotCancle(self):self.close()

5、显示界面

main.py

import sys
from PyQt5.QtWidgets import QApplication
import Login# 实例化一个 App
app = QApplication(sys.argv)# 实例化一个 窗口
login = Login.Login()# 显示窗口
login.show()# 进入主循环
sys.exit(app.exec())

PyQt5 笔记2 -- Qt Designer使用相关推荐

PyQt5 图形界面 - Qt Designer设置简体中文方法演示，Qt Designer字体设置，Qt Designer工具单独安装包获取，Qt Designer简体中文语言包获取
Qt Designer 工具获取: PyQt5 图形界面 - Qt Designer 独立安装包,仅需 30M!python 图像化界面绘制工具这是默认版本样式,下面来看下简体中文设置过程. Qt ...
Ubuntu Linux安装PyQt5并配置Qt Designer
Ubuntu Linux安装PyQt5并配置Qt Designer PyQt5 创建独立环境创建conda环境安装pyqt5 查看版本安装图形界面Qt Designer pycharm 配置 v ...
PyQt5 图形界面 - Qt Designer独立安装包，仅需30M！python图像化界面绘制工具
工具获取: 小蓝枣的 csdn 资源仓库如果用来设计 python 图形化界面可以看下面的文档: PyQt5 图形界面-用 Qt Designer 来设计 UI 界面,并转化为 python 代码运 ...
【pyqt5】配置Qt Designer之【designer.exe的保存位置及ui文件转py文件及no Qt platform plugin could be initialized 问题解决】
目录一.寻找designer.exe 二.no Qt platform plugin could be initialized 问题解决三.ui文件转换为py文件四.pyqt5的使用教程一.寻 ...
Python 中 PyQt5 + pycharm 调用 Qt Designer，将.ui文件转换成 .py 文件
From:https://blog.csdn.net/qq_40666028/article/details/81069878 基于Qt Designer 和 pyuic 开发 UI 界面的方法:ht ...
PyQt5随笔：Qt Designer的汉化（包括汉化包）
1.前言安装PyQt5 原带的 Designer 图形化设计界面是英文的,对英文不好之人多有不便.但在网上找到的教程都不符合我这个版本的操作流程,例如找不到一些对应文件夹.不过汉化包还是有用的.英文 ...
Pyqt5+python+ErIC6+QT designer
Eric6安装及配置 https://blog.csdn.net/weixin_41656968/article/details/80253012 Python3.6+PyQt5+Eric6.0环境配 ...
PyQt5 图形界面 - Qt Designer创建qrc资源文件引用图片资源实例演示，QTextBrower组件引用图片资源方法展示
先看下效果图: 我们用 Text Brower 组件引用图片做个演示. 双击 Text Brower 组件进入编辑页面,右上角的图片就是打开资源管理器. 引用一个我们随便建的 qrc 结尾的文件. 信 ...
PyQt5 图形界面-用Qt Designer来设计UI界面，并转化为python代码运行实例演示
Qt Designer 是 Qt Creater 程序里的一个功能. PyQt5 是把 Qt Designer 设计的界面转化为 python 代码的库. 请看这篇文章: Qt Creater.PyQ ...

PyQt5 笔记2 -- Qt Designer使用