Qt Designer 基础操作学习笔记

前言

Qt Designer 是 Qt 框架中可视化的 UI 设计工具,能够快速拖拽搭建界面,生成.ui 格式的设计文件,再通过指令转换为 Python 可执行的代码文件,极大提升了 Qt 界面开发的效率。本文整理了 Qt Designer 的基础新建操作和.ui 文件转.py 文件的核心指令,适合 Qt 入门学习者参考。

目录

前言

[一、Qt Designer 参考文档](#一、Qt Designer 参考文档)

二、新建界面核心模板

[1. 对话框类模板](#1. 对话框类模板)

[2. 主窗口模板](#2. 主窗口模板)

[3. 基础部件模板](#3. 基础部件模板)

[4. 其他常用窗口部件](#4. 其他常用窗口部件)

[5. 向导类部件](#5. 向导类部件)

[三、.ui 文件转换为.py 文件指令](#三、.ui 文件转换为.py 文件指令)

基本语法

实操示例

注意事项

四、总结


论文投稿:
第二届数据挖掘与项目管理国际研讨会

大会官网:https://ais.cn/u/MzuAjy

大会时间:2026年3月27-29日

大会地点:中国-济南-齐鲁工业大学

一、Qt Designer 参考文档

学习过程中如果需要更详细的中文使用说明,可参考这份最新中文手册:Qt Designer 最新中文手册

二、新建界面核心模板

打开 Qt Designer 后,会进入新建窗体的选择界面,提供了多种预设的界面模板和窗口部件,不同模板适用于不同的开发场景,核心可选类型如下:

1. 对话框类模板

  • Dialog with Buttons Bottom:底部带按钮的对话框,适合简单的交互弹窗(如确认、取消操作)
  • Dialog with Buttons Right:右侧带按钮的对话框,适配按钮较多的弹窗场景
  • Dialog without Buttons:无按钮对话框,可自定义按钮位置和样式

2. 主窗口模板

  • Main Window(首选):主窗口模板,自带菜单栏、工具栏、状态栏等基础结构,是开发 Qt 主程序的首选模板

3. 基础部件模板

  • Widget:基础窗口小部件,轻量型界面模板,可自由搭建各类自定义界面,无预设结构

4. 其他常用窗口部件

  • QDockWidget:停靠窗口部件,可实现界面的停靠、浮动效果
  • QFrame:框架部件,用于界面区域的分隔和布局
  • QGroupBox:分组框部件,实现控件的分组管理,提升界面可读性
  • QScrollArea:滚动区域部件,适配内容超出显示区域的界面
  • QMdiArea:多文档界面部件,支持多子窗口的管理
  • QTabWidget:选项卡部件,实现多标签页的界面切换
  • QToolBox:工具箱部件,分层展示控件
  • QStackedWidget:堆叠部件,实现界面的堆叠切换,常与导航控件配合使用

5. 向导类部件

  • QWizard/QWizardPage:向导页部件,适合制作分步引导的界面(如软件安装向导、配置向导)

新建时可根据需求选择对应模板,屏幕大小默认即可,若需要启动时直接显示设计的对话框,勾选「启动时显示这个对话框」即可。

三、.ui 文件转换为.py 文件指令

Qt Designer 设计完成后,保存的文件为.ui 格式(纯 XML 格式的界面描述文件),Python 无法直接执行,需要通过pyuic5工具将其转换为.py 文件,核心指令如下:

基本语法

bash 复制代码
pyuic5 -o 生成的py文件名.py 待转换的ui文件名.ui

实操示例

  1. 将 login.ui 转换为 login.py
bash 复制代码
pyuic5 -o login.py login.ui
  1. 将 text.ui 转换为 text.py
bash 复制代码
pyuic5 -o text.py text.ui

注意事项

  1. 执行指令前,需确保 Python 环境中已安装 PyQt5 库(pyuic5 是 PyQt5 的配套工具),未安装可通过pip install PyQt5安装;
  2. 指令执行时,需在.ui 文件所在的目录下运行,或填写.ui 文件的完整路径;
  3. 转换后的.py 文件包含界面的类定义,可在项目中直接导入并使用。

四、总结

  1. Qt Designer 的核心优势是可视化拖拽设计,无需手动编写界面布局代码,新手优先选择 Main Window 模板开发主程序,根据需求选择对话框或各类部件模板开发子界面;
  2. pyuic5 是.ui 转.py 的核心工具,牢记pyuic5 -o 目标文件 源文件的指令格式,是衔接 Qt Designer 设计和 Python 代码开发的关键;
  3. 配合官方中文手册,可快速掌握更多高级布局和控件使用技巧,提升界面开发的专业性。

后续会继续更新 Qt Designer 的控件布局、信号与槽关联等进阶操作,欢迎点赞收藏~

相关推荐
woshihuanglaoshi9 分钟前
数据迁移与版本管理 - Flutter在鸿蒙平台实现数据库升级策略
数据库·学习·flutter·华为·harmonyos·鸿蒙·鸿蒙系统
灯澜忆梦9 小时前
GO_并发编程---定时器
开发语言·后端·golang
-银雾鸢尾-9 小时前
C#中的StringBuilder相关方法
开发语言·c#
-银雾鸢尾-10 小时前
C#中结构体与类的区别;抽象类与接口的区别
开发语言·c#
世人万千丶10 小时前
参数管理_Flutter在鸿蒙平台路由参数最佳实践
学习·flutter·华为·harmonyos·鸿蒙
大模型码小白10 小时前
【Python零基础教程】继承、多态与魔法函数:面向对象编程三大核心特性详解
java·大数据·开发语言·人工智能·python·ai编程
段一凡-华北理工大学12 小时前
向量数据库实战:选型、调优与落地~系列文章12:文本分块策略实战:chunk_size 怎么选?重叠多少?
开发语言·数据库·后端·oracle·rust·工业智能体·高炉智能化
Ljwuhe13 小时前
C++——多态
开发语言·c++
遇乐的果园13 小时前
前端学习笔记-vue加载渲染优化
前端·笔记·学习
心平气和量大福大13 小时前
C#-WPF-Window主窗体
开发语言·c#·wpf