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

相关推荐
ndsc_d13 小时前
AI生成的UI如何继续修改?画布内生成与独立AI设计工具比较
人工智能·ui·ai·ui设计·ai设计·ai设计工具·ai生成ui
理想三旬(づ ̄3 ̄)づ╭~17 小时前
深入理解 AG-UI 协议:Agent 与前端实时交互的底层原理
ui
爬楼的猪17 小时前
一个轻量化的Codex Web UI
人工智能·ui·chatgpt·ai编程
copilot中国版2 天前
Outlook Copilot|客户沟通
ui·copilot·outlook
Cx330❀2 天前
Qt 界面美化指南:从零掌握 QSS 核心机制与工程实践
开发语言·qt·ui·性能优化·图形渲染
兰亭妙微UI设计公司2 天前
兰亭妙微ui咨询公司分享:设计原则及组件详解
ui
zx_741484812 天前
PyQt5 环境搭建保姆级教程:PyCharm + QtDesigner + PyUIC 完整配置
开发语言·qt·pycharm·pyqt
兰亭妙微UI设计公司2 天前
兰亭妙微界面设计公司分享:DeepSeek AI智能助手应用UI/UX设计深度解析
人工智能·ui·ux
沫璃染墨2 天前
《Qt从零入门系列(十三):QSS样式表详解——从选择器与层叠规则到控件美化实战》
开发语言·css·c++·qt·ui·qt6.3·qss
WarPigs3 天前
UI路径配置SO>字典json工作流
ui·unity