PyQt5 图形界面-用Qt Designer来设计UI界面,并转化为python代码运行实例演示

Qt DesignerQt Creater 程序里的一个功能。
PyQt5 是把 Qt Designer 设计的界面转化为 python 代码的库。

请看这篇文章:
Qt Creater、PyQt5工具库的安装

下面来讲 Qt Designer 的使用。

创建UI界面

首先打开我们的 Qt Creater
在这里插入图片描述
点击左上角文件的“新建文件或项目”,然后我们选择 Qt Designer Form
在这里插入图片描述
选一个默认布局
在这里插入图片描述
选择存储路径和存储名称
在这里插入图片描述
我们设计一个这样的页面,然后保存就好了。
注: 编辑时不想要的组件直接拖到左边的组件区就删除了。
在这里插入图片描述

转化为 python 代码

我们设计的 UI 图保存后是一个.ui结尾的文件。
我们装好了 PyQt5 后直接在 cmdpyuic5 命令就可以,前提是要 cd 进文件所在的文件夹下哦!
注: ui.py 是我们编译完后 py 文件的名字哦!
在这里插入图片描述
ui.py 就是它生成的呢!
在这里插入图片描述

运行编译后的 python 代码

第一步:
编译后的 python 代码只是一个类,我们想要运行它还要改点东西;
开头这样设置很方便呢!

import sys
from PyQt5 import QtCore, QtGui, QtWidgets
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *

第二步:
我们在 setupUi(self, Dialog) 的函数里的最后加上 Dialog.show()
这个 Dialog 是函数头的 self 后的参数哦!

class Ui_Dialog(object):
    def setupUi(self, Dialog):
    	#省略代码
    	Dialog.show()

第三步:
最后我们加上一段运行的代码就好了。

if __name__ == "__main__":  
	app = QApplication(sys.argv) 
	form = QWidget()
	w = Ui_Dialog()
	w.setupUi(form)
	form.show()
	sys.exit(app.exec_())

铛铛铛铛,跟我设计的 UI 图一模一样呢!
在这里插入图片描述
喜欢的点个赞❤哦!

PyQt5是一个Python绑定Qt库的工具包,可以用于创建桌面应用程序。Qt Designer是一个用于创建Qt界面的可视化工具,可以方便地创建GUI界面并导出为.ui文件。 要使用Qt Designer编写PyQt5界面,可以按照以下步骤进行操作: 1. 安装PyQt5Qt Designer 如果你还没有安装PyQt5Qt Designer,可以使用以下命令进行安装: ``` pip install PyQt5 pyqt5-tools ``` 2. 创建Qt Designer界面 打开Qt Designer,创建一个新的界面。 3. 设计界面 在Qt Designer中,你可以从工具箱中拖拽控件到界面中,设置控件的属性,布局等。 4. 保存界面 在Qt Designer中,选择“文件”->“保存”,将界面保存为.ui文件。 5. 将.ui文件转换为.py文件 使用以下命令将.ui文件转换为.py文件: ``` pyuic5 -o ui_filename.py ui_filename.ui ``` 其中,ui_filename是你的.ui文件名。这将生成一个.py文件,其中包含Qt Designer界面的Python代码。 6. 编写程序 在Python代码中导入生成的.py文件,然后使用它来创建GUI界面。 下面是一个简单的示例程序: ```python from PyQt5 import QtWidgets, uic class MainWindow(QtWidgets.QMainWindow): def __init__(self): super(MainWindow, self).__init__() # Load the ui file uic.loadUi('ui_filename.ui', self) if __name__ == '__main__': app = QtWidgets.QApplication([]) window = MainWindow() window.show() app.exec_() ``` 在此示例中,我们使用`uic.loadUi`方法将.ui文件加载到`MainWindow`类中,然后创建`QApplication`和`MainWindow`实例,并将窗口显示出来。 以上就是使用Qt Designer编写PyQt5界面的基本步骤。
评论 30
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

挣扎的蓝藻

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值