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

相关推荐
2501_926978331 小时前
LLM的可信度边界--人类思考的可信边界
经验分享·笔记·ai写作
WJSKad12352 小时前
Focus瓶颈轻量化改进YOLOv26通道压缩与残差学习协同突破
学习·yolo
在坚持一下我可没意见2 小时前
软件测试入门复习笔记:认识测试
软件测试·笔记·概念
李昊哲小课2 小时前
Python 高级数据结构
开发语言·数据结构·python
xuhaoyu_cpp_java2 小时前
并发编程笔记2
笔记
愚者游世2 小时前
<algorithm> 中 remove、remove_if、remove_copy、remove_copy_if 详解
c++·学习·程序人生·职场和发展·visual studio
云边散步2 小时前
godot2D游戏教程系列二(13)
笔记·学习·游戏·游戏开发
gameboy0312 小时前
网络爬虫学习:应用selenium获取Edge浏览器版本号,自动下载对应版本msedgedriver,确保Edge浏览器顺利打开。
爬虫·学习·selenium
小蜗牛~向前冲2 小时前
大模型学习系列-Embedding与向量数据库
人工智能·python·神经网络·学习·机器学习·embedding