PyQt 入门教程(3)基础知识 | 3.1、使用QtDesigner创建.ui文件

文章目录

一、使用QtDesigner创建.ui文件

1、创建.ui文件

打开PyCharm,使用自定义外部工具QtDesigner创建mydialog.ui文件,如下:

将新创建的mydialog.ui文件保存到工程目录下,如下:

2、生成.py文件

选择mydialog.ui文件,并点击"右键",选择外部工具->Pyuic,生成mydialog.py文件,如下:

3、使用新生成的.py文件

使用mydialog.py文件的方式有多种,下面一种比较常用的方式

  • 创建mydlg.py文件,并定义MyDlg类,继承自QDialog
  • MyDlg类的初始化函数中加载mydialog.py文件中的类

核心代码如下:

python 复制代码
# mydlg.py

from PyQt6.QtWidgets import QDialog
import mydialog

class MyDlg(QDialog):
    def __init__(self):
        super().__init__()
        self.ui = mydialog.Ui_mydialog()
        self.init_ui()

    def init_ui(self):
        self.ui.setupUi(self)

# demo.py
import sys
import mydlg

from PyQt6.QtWidgets import QApplication, QWidget, QMainWindow

app = QApplication(sys.argv)
dlg = mydlg.MyDlg()

mainWindow = QMainWindow()
mainWindow.setWindowTitle("Hello world!")
mainWindow.resize(300, 200)
mainWindow.move(100, 100)
mainWindow.setCentralWidget(dlg)

mainWindow.show()
app.exec()

工程目录结构

运行界面

4、编辑新生成的.py文件

选中mydialog.py文件,点击"右键",选择打开于->在关联的应用程序中打开,如下:

相关推荐
共享ui设计和前端开发人才11 小时前
UI前端大数据处理安全性保障:数据加密与隐私保护策略
ui
ui设计前端开发老司机11 小时前
UI前端大数据处理性能瓶颈突破:分布式计算框架的应用
ui
前端开发与ui设计的老司机11 小时前
UI前端与数字孪生结合实践探索:智慧物流的货物追踪与配送优化
前端·ui
UI设计和前端开发从业者15 小时前
从UI设计到数字孪生实战应用:构建智慧金融的智能风控平台
ui·金融
ui设计前端开发老司机1 天前
数字孪生技术为UI前端提供全面支持:实现产品的可视化配置与定制
ui
X_StarX1 天前
【Unity笔记01】基于单例模式的简单UI框架
笔记·ui·unity·单例模式·游戏引擎·游戏开发·大学生
Clair-Sean1 天前
【交互设计】UI 与 UX 简介:从核心概念到行业实践
ui·ux
Zevalin爱灰灰2 天前
MATLAB GUI界面设计 第六章——常用库中的其它组件
开发语言·ui·matlab
前端开发与ui设计的老司机2 天前
数字孪生技术引领UI前端设计潮流:增强现实(AR)的集成应用
ui
前端开发与ui设计的老司机2 天前
数字孪生技术为UI前端注入灵魂:实现产品全生命周期的可视化管理
前端·ui·命令模式