02 【PyQt5】Qt Designer:快速设计GUI界面的利器

系列文章目录
【PyQt5】(01)PyQt的详细介绍
文章目录三、将UI文件转化为代码并显示 总结
前言
Qt是一个图形界面设计工具,用于创建Qt应用程序的用户界面 。它支持创建典型的窗口和对话框,并允许使用各种小部件()和布局管理器( ) 。
Qt 是一个可视化编辑器,用户可以使用它在GUI界面中定义控件和布局,并将其保存为.ui文件 。
本文将详细介绍Qt的使用方法 。
一、安装Qt
Qt可以通过 PyQt5 软件包进行安装 。请运行以下命令:
pip install pyqt5-tools
安装成功后,可以通过命令行启动Qt :
designer
如果你使用的开发环境,可以在中安装 PyQt5 工具箱(PyQt5 Tools)可以获得 Qt 、PyUIC 和 Pyrcc 。
在中安装 Qt 、PyUIC 和 Pyrcc 可以通过以下步骤完成:
1. 安装 PyQt5 工具包
首先需要安装 PyQt5 工具包,可以通过以下命令行在中安装:
pip install pyqt5
如果已经安装了 PyQt5 但是没有安装 Qt 、PyUIC 或 Pyrcc,则需要使用以下命令行安装:
pip install pyqt5-tools
2. 将 Qt添加到
打开,选择 “File->”,在左侧面板中选择 “Tools-> Tools”,然后单击右侧面板中的 “+” 按钮 。
在弹出的对话框中,在"Name"字段中输入 “Qt ”,在 “” 字段中输入 “PyQt5 Qt ”,在 “” 字段中输入 Qt的安装路径,其他的如下图所示:
然后,单击 “OK” 按钮保存设置 。
3. 添加 PyUIC 工具
PyUIC是一种 GUI应用程序的用户界面代码生成器,可以将QtUI文件生成源代码 。PyUIC生成的代码是基于Qt的PyQt和库 。它可以方便地与其他库集成,如numpy、等 。PyUIC生成的代码易于阅读和修改,可以方便地定制应用程序的用户界面 。
与添加 Qt类似,可以将 PyUIC 工具添加到中 。在 “ Tools” 对话框中单击 “+” 按钮,然后输入以下信息:
实参输入以下内容:
-m PyQt5.uic.pyuic $$ -o $sion$.py
意思将选中的 xxx.ui 文件转换为同名的 xxx.py文件
需要特别注意的是,执行的时候需要右键选中对应的 xxx.ui 文件,不然会出错的 。
3. 添加 Pyrcc 工具
Pyrcc是一个命令行实用程序,用于将Qt 中创建的.qrc文件转换为.py文件 。Pyrcc是Qt开发者的常见工具,因为.qrc文件与程序捆绑在一起,例如Qt资源文件,通过PyQt5或模块在脚本中的访问方式 。
与添加 Qt类似,可以将Pyrcc 工具添加到中 。在 “ Tools” 对话框中单击 “+” 按钮,然后输入以下信息:
保存设置后,可以在中使用这些工具了 。只需要右键单击任何 .ui、.qrc 或 .ui 文件,然后选择 “ Tools” 菜单,单击 “Qt ”、“PyUIC” 或 “Pyrcc” 即可 。
二、Qt 的基本用法 2.1 新建窗体
启动Qt 后,可以通过文件(File) -> 新建(New) 或使用快捷键Ctrl + N来创建新的UI文件 。在弹出的对话框中选择需要使用的类别(如“”、“Main ”等),并选择需要使用的模板(如“Empty”, “Grid”, “Dock ”等) 。然后点击创建(R)按钮即可创建一个新的UI文件 。
在新建窗体对话框中,你可以选择创建的窗口类型,主要介绍如下几种:
2.2 添加部件
在左侧的“ Box”中,可以找到各种类型的控件,比如按钮、文本框、标签、下拉菜单、复选框、单选按钮和进度条等 。可以通过拖动控件到窗口中添加 。
2.3 编辑属性
在窗口中添加控件后,可以通过“ ”编辑控件的属性 。例如,可以更改控件的大小、位置、文本内容、颜色、字体等 。