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

相关推荐
镰刀出海42 分钟前
如何使用Photoshop修改图标为纯色
ui·工具·photoshop·ps·图标
tealcwu6 小时前
【Unity基础】初识UI Toolkit - 运行时UI
ui·unity·编辑器·游戏引擎
xu_duo_i8 小时前
Vxe UI 表格行编辑(默认不显示编辑框,点击后可编辑)
前端·vue.js·ui·vxe
不秃头的UI设计师10 小时前
跨越地域限制:在线原型设计软件的自由与便捷
ui·原型设计·原型设计软件·在线设计
大猩猩X1 天前
Vxe UI vue vxe-table 表格中使用下拉表格,单元格渲染下拉表格
javascript·vue.js·ui·vxe-ui
星寂樱易李1 天前
python--pyQt 单选按钮控件 -QRadioButton
开发语言·python·pyqt
鸿蒙自习室1 天前
鸿蒙UI系统组件18——模态交互框(ModelDialog)
ui·交互·harmonyos
云隙阳光i1 天前
Element UI 表格组件复选框实现单选效果
前端·vue.js·ui
初夏08112 天前
kafka-console-ui的简介及安装使用
ui·kafka·linq
酒茶白开水2 天前
React四官方文档总结一UI与交互
react.js·ui·交互·jsx·props·usestate