PySide6使用Qt Designer创建的UI

在本文中,你将学会使用Qt Designer画出UI,并在Python中使用它;

使用Qt Designer设计UI

使用Qt Designer可以轻松的让我们画出窗体上的部件;

【1】打开Qt Designer;QtDesigner在.\Python39\Scripts\pyside6-designer.exe处,;

【2】创建一个Widget窗体;

qt designer

【3】画出以下内容:

qt designer

【4】从工具栏或按F4切换到【编辑信号\槽】模式,为登录按钮添加一个槽函数,名为login()

qt designer qt designer

【5】保存文件到 login.ui

预览

在创建好UI后,可以通过按 CTRL+R 预览效果,也可通过菜单【窗体】【预览于】选择预览风格;

将UI文件转换成py文件

使用Qt Designer创建的.ui文件是不能直接使用的,需要转换成.py文件;

在CMD中使用以下命令将ui文件转换成python代码:

pyside6-uic.exe login.ui -o ui_login.py

如提示命令无效需将.\Python39\Scripts\文件夹添加到环境变量PATH中;pyside6-uic.exe就在.\Python39\Scripts\文件夹下;

程序运行后会生成一个ui_login.py文件,该文件中创建了一个Ui_Form的类,以及setupUi方法用于初始化;UI被修改后需要重新生成;

在Python中使用

示例代码如下:

import sys
from PySide6 import QtCore, QtWidgets, QtGui
import ui_login #导入ui_login.py
class MyWidget(QtWidgets.QWidget):
    def __init__(self):
        super().__init__()
        
        ui = ui_login.Ui_Form()#实例化UI对象
        ui.setupUi(self)#初始化

    @QtCore.Slot()#槽函数用它装饰
    def login(self): #在Qt Designer中为登录按钮命名的槽函数;
        print("你点击了登录")

if __name__ == "__main__":
    app = QtWidgets.QApplication([])
    widget = MyWidget()
    widget.show()
    sys.exit(app.exec())

运行效果

pyside6

原创内容,如需转载,请注明出处;

本文地址: https://www.perfcode.com/p/pyside6-uses-the-ui-created-by-qt-designer.html

分类: 计算机技术
推荐阅读:
禁用Visual Studio自动下载更新 近日,作者使用Visual Studio发现,Visual Studio会自己在后台下载更新内容,然后提醒你是否安装;因为Visual Studio的更新包体积庞大,不仅占用网络资源也会消耗磁盘性能,所以我决定禁用它;
Error establishing a database connection解决办法 最近在学习网络安全方面的内容,需要在低版本的WordPress中复现漏洞,这里记录一次安装4.2版本的WordPress时出现的 Error establishing a database connection 错误的处理过程;
Golang多个返回值有什么作用 在 Go 语言中,函数可以返回多个值,这是一项非常实用的特性,其作用如下:
Python exec()函数 Python中的exec函数用于动态执行Python代码。它接受一个包含Python代码的字符串作为参数,并将其作为Python程序执行。
查看Nginx版本信息和编译配置参数 使用命令nginx -v 获取Nginx版本信息;使用命令nginx -V 获取Nginx编译信息;
Windows安装Visual Studio Code Visual Studio Code 是一个运行于Mac OS、Windows、Linux之上的,针对于编写现代Web 和运用的跨平台源代码编辑器;