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

相关推荐
九章云极AladdinEdu13 小时前
项目分享|告别枯燥命令行,构建终端用户界面的 TypeScript 库
javascript·ui·typescript
Hi2024021714 小时前
为QML程序添加启动Logo:提升用户体验
windows·qt·ui·人机交互·qml·启动logo
CodeCraft Studio19 小时前
Excel处理控件Aspose.Cells教程:如何使用C#在Excel中添加、编辑和更新切片器
ui·c#·excel·aspose·excel切片器·创建表格切片器
海鸥两三1 天前
uniapp 小程序引入 uview plus 框架,获得精美的UI框架
前端·vue.js·ui·小程序·uni-app
UI设计兰亭妙微2 天前
从0到1:兰亭妙微如何用“小程序思维”重构用户体验路径
ui
黄思搏3 天前
Unity坐标转换指南 - 3D与屏幕UI坐标互转
ui·3d·unity
B站_计算机毕业设计之家3 天前
深度学习:Yolo水果检测识别系统 深度学习算法 pyqt界面 训练集测试集 深度学习 数据库 大数据 (建议收藏)✅
数据库·人工智能·python·深度学习·算法·yolo·pyqt
覆东流4 天前
Photoshop合成的核心知识
ui·photoshop