当前位置：首页 > news >正文

基于PYQT5的GUI开发系列教程【二】QT五个布局的介绍与运用

news 2025/7/4 11:54:24

本文概述

作者介绍

创建主窗口

水平布局

垂直布局

栅格布局

分裂器水平布局

分裂器垂直布局

自由布局

取消原先控件的布局的方法

尾言

本文概述

PYQT5是一个基于python的可视化GUI开发框架，具有容易上手，界面美观，多平台部署等优点，作者将通过一系列教程，带领大家从零基础到入门~能够自主实现GUI开发。

作者介绍

作者本人是一名人工智能炼丹师，目前在实验室主要研究的方向为生成式模型，对其它方向也略有了解，希望能够在CSDN这个平台上与同样爱好人工智能的小伙伴交流分享，一起进步。谢谢大家鸭~~~

如果你觉得这篇文章对您有帮助，麻烦点赞、收藏或者评论一下，这是对作者工作的肯定和鼓励。

创建主窗口

我们选择Main Window然后点击创建，即可创建我们GUI界面的主窗口

水平布局

首先，我们从左边的控件栏里拖动5个按钮控件进我们的主窗口里

然后，我们按住鼠标左键，将主界面中的五个按钮控件选中

然后点击鼠标右键，选择布局中的水平布局

我们可以尝试拖动改变一下水平布局的宽高，我们可以发现水平布局中的按钮控件会保持等宽，等距离。其中，布局中的按钮控件的宽度会随着水平布局的宽度的改变进行改变，但是按钮控件的高度不会随着布局的高度改变进行改变

垂直布局

同水平布局一样，我们先准备5个按钮控件并垂直摆放

选择布局中的垂直布局

我们可以尝试拖动改变一下垂直布局的宽高，我们可以发现垂直布局中的按钮控件会保持等宽，等距离。其中，布局中的按钮控件的宽度会随着垂直布局的宽度的改变进行改变，但是按钮控件的高度不会随着布局的高度改变进行改变

栅格布局

我们模仿键盘上的数字区，布置11个按钮控件，具体如下图所示

我们选中所有控件后，选中栅格布局

我们可以尝试拖动改变一下栅格布局的宽高，我们可以发现栅格布局中的按钮控件会保持等宽，等距离。其中，布局中的按钮控件的宽度会随着栅格布局的宽度的改变进行改变，但是按钮控件的高度不会随着布局的高度改变进行改变

此外，我们还需要尽可能的将控件摆放整齐，否者布局后的控件位置可能会错乱，如下图的错误例子演示

不过实际使用下来，布局的识别还是非常准确的，只要不是歪得太离谱，基本都能准确识别。

分裂器水平布局

继续请出我们的老演员F5

布局选中分裂器水平布局

我们可以尝试拖动改变一下分裂器水平布局的宽高，我们可以发现分裂器水平布局中的按钮控件会保持等宽，等距离。其中，布局中的按钮控件的宽度会随着分裂器水平布局的宽度的改变进行改变，按钮控件的高度也会随着布局的高度改变进行改变。

分裂器垂直布局

跟上面的操作，差不多

我们可以尝试拖动改变一下分裂器垂直布局的宽高，我们可以发现分裂器垂直布局中的按钮控件会保持等宽，等距离。其中，布局中的按钮控件的宽度会随着分裂器垂直布局的宽度的改变进行改变，按钮控件的高度也会随着布局的高度改变进行改变。

自由布局

自由布局顾名思义就是控件的位置，大小都是我们自己手动去调整的，也可以通过控件的属性编辑器去进行调整。

我们先创建一个控件，并选中该控件

其中，geometry属性中的[(301,275)，]是该控件与它上级容器左上角的坐标，比如目前我们这个按钮控件是放在主窗口下的，所以这个（301，275）就是距离主窗口左上角坐标(0,0)的x,y距离。如果我们把这个控件放到一个容器窗口里，那么这个坐标就是基于容器窗口左上角的坐标去决定的。因此我们可以更改geometry里面的这个坐标去改变我们控件的相对位置

[,75x20]是控件的宽和高，我们也可以通过修改这个参数去改变控件的宽和高

取消原先控件的布局的方法

对已经有布局的控件右键，然后选中布局中的打破布局即可

这一章的内容确实有点水，主要没有太多东西好讲的

尾言

如果您觉得这篇文章对您有帮忙，请点赞、收藏。您的点赞是对作者工作的肯定和鼓励，这对作者来说真的非常重要。如果您对文章内容有任何疑惑和建议，欢迎在评论区里面进行评论，我将第一时间进行回复。

基于PYQT5的GUI开发系列教程【二】QT五个布局的介绍与运用

目录本文概述作者介绍创建主窗口水平布局垂直布局栅格布局分裂器水平布局分裂器垂直布局自由布局取消原先控件的布局的方法尾言本文概述 PYQT5是一个基于python的可视化GUI开发框架，具有容易上手，界面美观，多平台…...

编程日记 2023/10/1 2:09:33

Cadence PCB 焊盘和封装

封装（Packaging）封装指的是在电子元件制造中将电子元件（例如集成电路芯片、电子元器件等）进行物理保护和连接的过程。封装通常涉及将电子元件封装到外部保护壳或包装中，以确保其正常运作、连接到电路板并保护它们免受环境因素的影响。封装的主要目标包括以下几个方面：…...

编程日记 2023/10/1 2:08:32

正在等待操作系统重新启动。请重新启动计算机以安装autocad 2024。

正在等待操作系统重新启动。请重新启动计算机以安装autocad 2024。这是刚启动Autodesk 2024产品就弹出的弹窗，重启之后启动还是有这个一直阻止安装程序运行出现问题的原因是安装包存在问题使用正确的安装包即可解决这个问题需要的朋友查看图片或者评伦取…...

编程日记 2023/10/1 2:06:30

Windows电脑显示部分功能被组织控制

目录问题描述解决方法总结问题描述如果你的电脑出现以上情况，建议你使用我这种方法（万不得已） 解决方法原因就是因为当时你的电脑在激活的时候是选择了组织性激活的，所以才会不管怎么搞，都无法摆脱组织的控…...

编程日记 2023/10/1 2:05:29

Django模板加载与响应

前言 Django 的模板系统将 Python 代码与 HTML 代码解耦，动态地生成 HTML 页面。Django 项目可以配置一个或多个模板引擎，但是通常使用 Django 的模板系统时，应该首先考虑其内置的后端 DTL（Django Template Language，D…...

编程日记 2023/10/1 2:01:26

Python 内置函数详解 (4) 类型转换

Python 内置函数 Python3.11共有75个内置函数，其来历和分类请参考：Python 新版本有75个内置函数，你不会不知道吧_Hann Yang的博客-CSDN博客https://blog.csdn.net/boysoft2002/article/details/132520234 函数列表 abs aiter all …...

编程日记 2023/10/1 2:00:25

SpringBoot之Web原生组件注入

文章目录前言一、原生注解方式注入二、Spring方式注入三、切换web服务器与定制化总结前言注入Web原生Servlet、Filter、Listeber以及切换Web服务器。一、原生注解方式注入官方文档 - Servlets, Filters, and listeners Servlet注入： WebServlet(urlPattern…...

编程日记 2023/10/1 1:58:23

[每周一更]-(第64期)：Dockerfile构造php定制化镜像

利用php官网镜像php:7.3-fpm，会存在部分插件缺失的情况，自行搭建可适用业务的镜像，才是真理 Dockerhub 上 PHP 官方基础镜像主要分为三个分支： cli: 没有开启 CGI 也就是说不能运行fpm。只可以运行命令行。fpm: 开启了CGI&#x…...

编程日记 2023/10/1 1:57:21

若依不分离+Thymeleaf select选中多个回显

项目中遇到的场景，亲测实用表单添加时，select选中多个，编辑表单时，select多选回显，如图代码： // 新增代码 <label class"col-sm-3 control-label">通道：</label><…...

编程日记 2023/10/1 1:55:19

OCX 添加方法和事件 HTML调用ocx函数及回调 ocx又调用dll VS2017

ocx添加方法类视图最后面的XXXXXlib 右键添加添加方法。其它默认添加事件类视图最后面的XXXXX 右键添加添加事件。这样编译就ocx可以了。 #include <iostream> #include <string> #include <comutil.h>CMFCActiveXControlSmartPosCtrl* …...

编程日记 2023/10/1 1:54:18

苹果iPhone手机使用草柴返利APP查询领取淘宝天猫京东优惠券如何取消关闭粘贴商品链接时的弹窗提示？

使用苹果手机在淘宝或京东复制商品链接，到草柴APP粘贴时总是弹窗提示，如何关闭苹果手机粘贴弹窗的提示？ 苹果手机如何关闭粘贴弹窗提示？ 1、在草柴APP内，点击底部「我的」接着点击「系统设置」进入； 2、进…...

编程日记 2023/10/1 1:52:15

主机安装elasticsearch后无法登陆

问题描述 2023年7月31日11点02分，主机安装elasticsearch后无法登陆，通过后台查看主机宕机状态，CPU达到100%，按业务侧要求执行重启操作后发现主机黑屏无法正常进入系统，系统卡死。 2．原因分析 2.1通过故障…...

编程日记 2023/10/1 1:50:12

【面试题精讲】JavaSe和JavaEE的区别

“ 有的时候博客内容会有变动，首发博客是最新的，其他博客地址可能会未同步,认准https://blog.zysicyj.top ” 首发博客地址[1] 文章更新计划[2] 系列文章地址[3] 1. 什么是 JavaSE 和 JavaEE? JavaSE（Java Platform, Standard Edition&#…...

编程日记 2023/10/1 1:48:11

第八章 React 扩展一、setState 1. 代码 /* index.jsx */ import React, { Component } from reactexport default class Demo extends Component {state {count:0}add ()>{//对象式的setState/* //1.获取原来的count值const {count} this.state//2.更新状态this.set…...

编程日记 2023/10/1 1:47:10

【逆向】（c++）分析pe结构，拉伸pe结构，缩小pe结构

建议大家认认真真写一遍，收获蛮大的，是可以加深对pe结构的理解，尤其是对指针的使用，和对win32的一些宏的定义的理解和使用。 #include <windows.h> #include <iostream> #include <string>using namespace std…...

编程日记 2023/10/1 1:46:09

PyTorch实战：常用卷积神经网络搭建结构速览

目录前言常用卷积神经网络 1.AlexNet 2.VGGNet 3.GoogLeNet 4.ResNet 总览前言 PyTorch可以说是三大主流框架中最适合初学者学习的了，相较于其他主流框架，PyTorch的简单易用性使其成为初学者们的首选。这样我想要强调的一点是，框架…...

编程日记 2023/10/1 1:45:08

排序算法之【快速排序】

📙作者简介： 清水加冰，目前大二在读，正在学习C/C、Python、操作系统、数据库等。 📘相关专栏：C语言初阶、C语言进阶、C语言刷题训练营、数据结构刷题训练营、有感兴趣的可以看一看。欢迎点赞 &#x1f44d…...

编程日记 2023/10/1 1:42:05

声明式调用 —— SpringCloud OpenFeign

Feign 简介 Spring Cloud Feign 是一个 HTTP 请求调用的轻量级框架，可以以 Java 接口注解的方式调用 HTTP 请求，而不用通过封装 HTTP 请求报文的方式直接调用 Feign 通过处理注解，将请求模板化，当实际调用的时候传入参数&#x…...

编程日记 2023/10/1 1:34:58

LuatOS-SOC接口文档(air780E)-- fota - 底层固件升级

fota.init(storge_location, len, param1)# 初始化fota流程参数传入值类型解释 int/string fota数据存储的起始位置如果是int，则是由芯片平台具体判断如果是string，则存储在文件系统中如果为nil，则由底层决定存储位置 int 数据存…...

编程日记 2023/10/1 1:33:58

第二章 Introduction

Armv8.4 架构引入了在安全状态下的虚拟化扩展。Arm SMMU v3.2 架构 [1] 增加了对安全流的第二阶段翻译的支持，以补充 Armv8.4 PE 中的安全 EL2 翻译体制。这些架构特性使得可以在安全状态下将彼此不信任的软件组件隔离开来。隔离是实现最小权限原则的机制&#xff1…...

编程日记 2023/10/1 1:27:52

Python：操作 Excel 折叠

💖亲爱的技术爱好者们，热烈欢迎来到 Kant2048 的博客！我是 Thomas Kant，很开心能在CSDN上与你们相遇～💖 本博客的精华专栏：【自动化测试】【测试经验】【人工智能】【Python】 Python 操作 Excel 系列读取单元格数据按行写入设置行高和列宽自动调整行高和列宽水平…...

编程新知 2025/6/28 14:31:15

Mybatis逆向工程，动态创建实体类、条件扩展类、Mapper接口、Mapper.xml映射文件

今天呢，博主的学习进度也是步入了Java Mybatis 框架，目前正在逐步杨帆旗航。那么接下来就给大家出一期有关 Mybatis 逆向工程的教学，希望能对大家有所帮助，也特别欢迎大家指点不足之处，小生很乐意接受正确的建议&…...

编程新知 2025/7/1 5:43:01

STM32标准库-DMA直接存储器存取

文章目录一、DMA1.1简介1.2存储器映像1.3DMA框图1.4DMA基本结构1.5DMA请求1.6数据宽度与对齐1.7数据转运DMA1.8ADC扫描模式DMA 二、数据转运DMA2.1接线图2.2代码2.3相关API 一、DMA 1.1简介 DMA（Direct Memory Access）直接存储器存取 DMA可以提供外设…...

编程新知 2025/6/22 11:13:14

Nuxt.js 中的路由配置详解

Nuxt.js 通过其内置的路由系统简化了应用的路由配置，使得开发者可以轻松地管理页面导航和 URL 结构。路由配置主要涉及页面组件的组织、动态路由的设置以及路由元信息的配置。自动路由生成 Nuxt.js 会根据 pages 目录下的文件结构自动生成路由配置。每个文件都会对…...

编程新知 2025/6/26 3:27:15

有限自动机到正规文法转换器v1.0

1 项目简介这是一个功能强大的有限自动机（Finite Automaton, FA）到正规文法（Regular Grammar）转换器，它配备了一个直观且完整的图形用户界面，使用户能够轻松地进行操作和观察。该程序基于编译原理中的经典…...

编程新知 2025/7/3 3:02:23

C++.OpenGL （14/64）多光源（Multiple Lights）

多光源（Multiple Lights）多光源渲染技术概览 #mermaid-svg-3L5e5gGn76TNh7Lq {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-3L5e5gGn76TNh7Lq .error-icon{fill:#552222;}#mermaid-svg-3L5e5gGn76TNh7Lq .erro…...

编程新知 2025/6/11 3:15:20

Vite中定义@软链接

在webpack中可以直接通过符号表示src路径，但是vite中默认不可以。如何实现： vite中提供了resolve.alias：通过别名在指向一个具体的路径在vite.config.js中 import { join } from pathexport default defineConfig({plugins: [vue()],//…...

编程新知 2025/6/21 3:57:20

基于Java+VUE+MariaDB实现（Web）仿小米商城

仿小米商城环境安装 nodejs maven JDK11 运行 mvn clean install -DskipTestscd adminmvn spring-boot:runcd ../webmvn spring-boot:runcd ../xiaomi-store-admin-vuenpm installnpm run servecd ../xiaomi-store-vuenpm installnpm run serve 注意：运行前…...

编程新知 2025/6/26 0:02:46