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 的控件布局、信号与槽关联等进阶操作,欢迎点赞收藏~

相关推荐
weixin_460443563 小时前
2026年新修订《网络安全法》实施:Java私有化考试系统如何做好SBOM、漏洞治理与安全升级?
java·开发语言·在线考试系统·企业培训考试系统·宏远培训考试系统·国企培训考试系统·国产化培训系统
java资料站6 小时前
十一、Spring AI Alibaba · 高级 · 多智能体(Multi-agent)
人工智能·spring·microsoft
Cc.Y6 小时前
Java零基础入门:可变字符串与包装类:StringBuilder、StringBuffer 与 通讯录管理系统实战
java·开发语言·python
启观川6 小时前
数据结构与算法 -第 3 章 常用算法-动态规划
数据结构·笔记·python·算法
阿森_dev6 小时前
2027 届毕设选题怎么选:30 个 Java 方向选题的实现难度排序
java·开发语言·spring boot·毕业设计·课程设计
by209997 小时前
C++ 多态:同一个基类接口,调用不同的函数
开发语言·c++·经验分享·多态
笔墨登场说说7 小时前
flink bin/start-cluster.sh 帮我做成开机启动
开发语言·python
Sarvartha7 小时前
Lambda 表达式和函数式接口
java·开发语言
辣知7 小时前
辣知·化智77 三千年接力写就的一本书
学习
bug和崩溃我都要7 小时前
QT 开发的专业截图录屏工具 - macOS版 / Windows版
windows·qt·mac·录屏·截屏