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文件,点击"右键",选择打开于->在关联的应用程序中打开,如下:

相关推荐
小灰灰搞电子3 小时前
PyQt 实现自己的桌面萌宠源码分享
pyqt
盛夏绽放10 小时前
Proxy与Reflect详解(二):进阶篇——手写Vue3响应式系统
ui·vue3·proxy
造火箭11 小时前
Android UI自动化测试可行性评估SKILL
android·功能测试·ui
love530love13 小时前
虚拟显示驱动导致 Photoshop / Camera Raw 卡死?OrayIddDriver 的锅
运维·人工智能·ui·photoshop·orayidddriver·hags 调度
名字还没想好☜15 小时前
React 19 useOptimistic 实战:点赞评论先更新 UI,失败自动回滚
前端·javascript·react.js·ui·react·useoptimistic
电子云与长程纠缠2 天前
UE5 Lyra PocketWorld进行3D内容UI预览 - 下
开发语言·学习·游戏·ui·ue5
阿部多瑞 ABU3 天前
告别手工核图:基于 .NET + MuPDFCore 的 CAD 等轴测 PDF 材料表提取与新旧版本对比实战
后端·算法·ui·pdf·c#
MoSTChillax3 天前
UI规范设计:从视觉到交互的全面指南
前端·ui·产品经理·设计规范·vibecoding
小灰灰搞电子4 天前
PyQt6 QCommandLineParser 类详解:命令行参数解析实战指南
pyqt·参数解析