QtDesigner入门
一: 介绍
简单来说,当我们写好一段代码,已经实现了某些我们想要实现的功能后。希望实现的每一个功能可以可视化,通过按钮等功能完成人机交互。
Qt Designer 是 Qt 框架提供的可视化界面设计工具,支持通过拖放控件快速构建图形用户界面(GUI),适用于 C++、Python(PyQt/PySide)等语言开发。
二: 安装及前瞻
接下来我以pyqt5举例(Anaconda)
首先:你需要先创建一个环境(或者在你已有的环境下)安装pyqt5。
conda create -n Qt python==3.9.2
此时你就已经创建好了一个名为Qt的环境了。如果你下次想打开这个环境:
conda activate Qt
第二步:安装pyqt5:
pip install PyQt5
pip install PyQt5-tools
如果下载很慢,加清华源(上面两段代码后分别加 空格 后加上下面的代码):
-i https://pypi.tuna.tsinghua.edu.cn/simple
第三步:找到designer,使用win+s去搜索designer,会跳出一个应用,点开它。这就是我们的目标。
第四步:点开他:会出现下面的界面。
① 创建一个快捷的表单,可以用Dialog,它自带一个确定、取消两个按钮。如下所示:
② 带有菜单栏、状态栏等窗口,可以使用Main Window,一般来说可以作为第一个窗口来选择它。通常我们会选择这个Main Window。界面如下所示:
③ 自定义的窗口(大部分子窗口都可以用它),就选Widget。当然如果想搭建任何窗口界面,只选Widget就可以了。界面如下所示:
第五步:以Main Window为例。观察一下界面:
整体的界面就是这个样子,接下来我会大致的讲一下每个区域的大致作用。
下面这张图是左边的 Widget Box我们常用到的一些组件都可以在这边进行拖动调用。
下面这张图是右边的对象查看器,当我们拖动组件到界面上时,点击组件。这部分区域会显示组件的相关信息。就是通过这些相关信息来对组件进行设定。
第六步:展示
当我们拖动label控件到MainWindow中时,右上角会显示不同控件的层级关系,右下角就会显示属性的相关信息。
ok,到这。基础的操作流程就知道了。