当前位置: 首页 > article >正文

3 pyqt5 Layout布局(保证主界面缩放各组件也对应缩放)== 主要有Qt Designer和完全代码设置两种设计方式(根据自己情况选择即可)

文章目录

  • 前言
  • 一、Layout的类别
  • 二、使用Qt Designer进行Layout布局
  • 三、完全使用代码进行Layout布局


前言

本节我们的http测试的例子,只实现界面方面的逻辑,底层不用管。我们主要的目的是通过这个例子设计界面布局。

我们前面写的界面程序有个问题,如果你用鼠标拖拽主窗口边框右下角,进行缩放,就会发现里面的控件一直保持原有大小不变。这样会很难看。

我们通常希望,随着主窗口的缩放, 界面里面的控件、控件之间的距离也相应的进行缩放。

Qt是通过界面布局Layout类来实现这种功能的。

下面的练习都是创建下面这么一个界面:
在这里插入图片描述

在这里插入图片描述

一、Layout的类别

我们最常用的 Layout布局 有4种,分别是

  • (1)QHBoxLayout 水平布局
    QHBoxLayout 把控件从左到右 水平横着摆放,如图所示在这里插入图片描述
  • (2)QVBoxLayout 垂直布局
    QHBoxLayout 把控件从上到下竖着摆放,如图所示在这里插入图片描述
  • (3)QGridLayout 表格布局
    QGridLayout 把多个控件 格子状摆放,有的控件可以 占据多个格子,如下所示在这里插入图片描述
  • (4)QFormLayout 表单布局
    QFormLayout 表单就像一个只有两列的表格,非常适合填写注册表单这种类型的界面,如下所示
    在这里插入图片描述
    其中表格布局和表单布局我们知道有这么一个东西就可以了。我们只要灵活的应用水平布局和垂直布局就可以灵活的做出各种复杂的界面。

二、使用Qt Designer进行Layout布局

建议去找个视频看。
在这里插入图片描述

三、完全使用代码进行Layout布局

这个我们就不做那么复杂的布局设置了。我们简单做一个上面三个组件(按钮、单行文本输入框、按钮),下面两个文本框。完全用代码来构建。

# !/usr/bin/env python
# _*_coding: utf-8 _*_
# @Time : 2024/9/23 21:40
# @Author : JU HE
# @Version: V0.1
#

http://www.kler.cn/a/316763.html

相关文章:

  • LlamaIndex
  • Leecode热题100-35.搜索插入位置
  • WebAssembly在现代Web开发中的应用
  • ubuntu20.04安装FLIR灰点相机BFS-PGE-16S2C-CS的ROS驱动
  • 【金融风控】特征评估与筛选详解
  • 【MATLAB代码】二维平面上的TDOA,使用加权最小二乘法,不限制锚点数量,代码可复制粘贴
  • 类中的特殊内容
  • 高效高质量SCI论文撰写及投稿
  • 聊聊AUTOSAR:基于Vector MICROSAR的TC8测试开发方案
  • 使用SpringCloud构建可伸缩的微服务架构
  • Matplotlib在运维开发中的应用
  • Java设计模式—面向对象设计原则(六) ----->合成复用原则(CRP) (完整详解,附有代码+案例)
  • MySQL篇(事务 - 基础)
  • 华为高级交换技术笔记 2024-2025
  • 【小白向】怎么去除视频水印?HitPaw帮你轻松解决
  • springboot系列--web相关知识探索一
  • GUI编程之MATLAB入门详解(01)
  • git删除本地+远程提交记录
  • Android IME输入法启动显示隐藏流程梳理
  • Java工厂模式
  • Qt系统相关——QThread
  • 代码随想录冲冲冲 Day53 图论Part5
  • C++基础知识7 list
  • CF1494F Delete The Edges 题解
  • Java代码调用https(SSL证书验证问题)
  • 828华为云征文 | 将Vue项目部署到Flexus云服务器X实例并实现公网访问