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

相关推荐
lqj_本人1 小时前
鸿蒙原生与Qt混合开发:UI集成与事件处理
qt·ui·harmonyos
Irene19911 小时前
Element UI 及其 Vue 3 版本 Element Plus 发展现状
前端·vue.js·ui
周周爱喝粥呀13 小时前
UI设计原则和Nielsen 的 10 条可用性原则
前端·ui
大雷神21 小时前
MateChat+ DevUI 电商后台管理系统中集成 AI 聊天助手功能
人工智能·ui
冒泡P1 天前
【Unity】TextMeshPro富文本中使用精灵图集
ui·unity·c#·游戏引擎
B0URNE1 天前
【Unity基础详解】(9)Unity核心:UI系统
ui·unity·游戏引擎
梵克之泪1 天前
【号码分离】从Excel表格、文本、word文档混乱文字中提取分离11位手机号出来,基于WPF的实现方案
开发语言·ui·c#
mortimer3 天前
【实战复盘】 PySide6 + PyTorch 偶发性“假死”?由多线程转多进程
pytorch·python·pyqt
程序媛_MISS_zhang_01103 天前
vant-ui中List 组件可以与 PullRefresh 组件结合使用,实现下拉刷新的效果
java·linux·ui
霍格沃兹测试学院-小舟畅学3 天前
AI智能体实现自主化UI回归测试全解析 Playwright+MCP
人工智能·ui