【pyqt5界面化开发-4】垂直布局/水平布局+‘套娃‘布局

目录

一、垂直布局

二、布局器的组合

三、水平布局+垂直布局(套娃)


一、垂直布局

需要模块:QVBoxLayout

        # 垂直布局
        layout = QVBoxLayout()

        ………………

        # 应用设置的布局器
        self.setLayout(layout)

模块间的伸缩器(可以理解为弹簧,在组件之间添加,加哪哪位置变大)

注:括号内,加数字,可以用来区分不同弹簧间的比例

layout.addStretch()

代码封装到类中(前面的代码都是直接写的)

import sys
from PyQt5.QtGui import QIcon
from PyQt5.QtWidgets import QApplication, QWidget, QPushButton, QLabel, QLineEdit, QDesktopWidget, QVBoxLayout


class Windows(QWidget):
    def __init__(self):
        # 调用父类的__init__方法(并传入子类,或实例)
        super(Windows, self).__init__()

        # 设置大小
        self.resize(700, 500)
        self.setWindowTitle("pyqt5程序")  # 窗口标题

        # 垂直布局
        layout = QVBoxLayout()

        # 按钮
        btn1 = QPushButton('账号')
        layout.addWidget(btn1)      # 添加到布局器
        btn2 = QPushButton('密码')
        layout.addWidget(btn2)      # 添加到布局器
        btn3 = QPushButton('确认')
        layout.addWidget(btn3)      # 添加到布局器

        layout.addStretch(2)

        # 应用设置的布局器
        self.setLayout(layout)


if __name__ == '__main__':
    # 接收参数(仅有一个)
    app = QApplication(sys.argv)

    w = Windows()       # 创建一个窗口(继承了QWindows,并封装为一个类)
    w.show()            # 展示窗口
    sys.exit(app.exec_())  # 程序进入循环等待,并在退出时关闭应用



二、布局器的组合

垂直布局器+水平布局器

关系:套娃

将多个布局器的垂直水平关系在一个大布局器内确认---->然后再分别处理套娃内的布局器

注意:

对于套娃内的套娃--->放在一个组里面,然后设置组的布局

组需要的模块:QGroupBox

水平+垂直器模块:QHBoxLayout, QVBoxLayout

设置组:group1 = QGroupBox()



三、水平布局+垂直布局(套娃)

代码:

import sys
from PyQt5.QtGui import QIcon
from PyQt5.QtWidgets import QApplication, QWidget, QPushButton, QLabel, QLineEdit, QDesktopWidget, QHBoxLayout, QVBoxLayout, QGroupBox, QRadioButton


class Windows(QWidget):
    def __init__(self):
        # 调用父类的__init__方法(并传入子类,或实例)
        super(Windows, self).__init__()
        self.init_ui()

    def init_ui(self):
        # 先定义最外层的垂直布局(水平布局是QHBoxLayout):垂直布局+水平布局-->垂直关系
        container = QVBoxLayout()       # 最外层布局器(命名为容器)

        #——————————创建第一个组(垂直布局)——————————#
        group1_box = QGroupBox('target')    # 组
        target_layout = QVBoxLayout()   # 布局

        # 控件
        btn1 = QRadioButton('target1')
        btn2 = QRadioButton('target2')
        btn3 = QRadioButton('target3')
        btn4 = QPushButton('确认')

        # 将控件添加到布局中
        target_layout.addWidget(btn1)
        target_layout.addWidget(btn2)
        target_layout.addWidget(btn3)
        target_layout.addWidget(btn4)

        # 将布局设置到组中
        group1_box.setLayout(target_layout)




        # ——————————创建第二个组(水平布局)——————————#
        group2_box = QGroupBox('test')  # 组
        test_layout = QHBoxLayout()   # 布局

        # 控件
        btn1 = QRadioButton('test1')
        btn2 = QRadioButton('test2')
        btn3 = QRadioButton('test3')


        # 将控件添加到布局中
        test_layout.addWidget(btn1)
        test_layout.addWidget(btn2)
        test_layout.addWidget(btn3)

        # 将布局设置到组中
        group2_box.setLayout(test_layout)



        # 将2个组中添加到最外层布局器中
        container.addWidget(group1_box)
        container.addWidget(group2_box)

        # 设置显示最外层布局器 (布局器的应用)
        self.setLayout(container)

        # 窗口设置
        self.resize(700, 500)            # 设置大小
        self.setWindowTitle("pyqt5程序")  # 窗口标题



if __name__ == '__main__':
    app = QApplication(sys.argv)    # 接收参数(仅有一个)
    w = Windows()           # 创建一个窗口(继承了QWindows,并封装为一个类)
    w.show()                # 展示窗口
    sys.exit(app.exec_())   # 程序进入循环等待,并在退出时关闭应用

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/96312.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

502 bad gateway什么意思502 bad gateway问题解决办法

502 bad gateway是一种常见互联网连接错误,大部分情况就是打不开页面,连接不上网络,访问服务器挂了等问题,下面来看看具体解决方法,希望能够帮助你解决问题。 502 bad gateway什么意思 简单说就是服务器没有收到回应&…

Redis——》如何评估锁过期时间

推荐链接: 总结——》【Java】 总结——》【Mysql】 总结——》【Redis】 总结——》【Kafka】 总结——》【Spring】 总结——》【SpringBoot】 总结——》【MyBatis、MyBatis-Plus】 总结——》【Linux】 总结——》【MongoD…

gitee上传本地项目bug

🤮这个破bug不知道浪费了多长时间,以前没有记录,每次都忘记,这次记下来 问题描述 gitee创建仓库,然后根据它提示的如下命令,但一直报错 原因分析: 把命令复制出来,粘贴到Sublime …

Python入门自学进阶-Web框架——40、redis、rabbitmq、git——3

git,一个分布式的版本管理工具。主要用处:版本管理、协作开发。 常见版本管理工具: VSS —— Visual Source Safe CVS —— Concurrent Versions System SVN —— CollabNet Subversion GIT GIT安装:下载安装文件:…

学习笔记:Pytorch利用MNIST数据集训练生成对抗网络(GAN)

2023.8.27 在进行深度学习的进阶的时候,我发了生成对抗网络是一个很神奇的东西,为什么它可以“将一堆随机噪声经过生成器变成一张图片”,特此记录一下学习心得。 一、生成对抗网络百科 2014年,还在蒙特利尔读博士的Ian Goodfello…

Java虚拟机内部组成

1、栈区 public class Math {public int compute(){//一个方法对应一块栈帧内存区域int a l;int b 2;int c (a b)*10;return c; } public static void main(String[] args){Math math new, Math() ;math.compute() ;System.out.println("test");}} 栈是先进后出…

centos安装MySQL 解压版完整教程(按步骤傻瓜式安装

一、卸载系统自带的 Mariadb 查看: rpm -qa|grep mariadb 卸载: rpm -e --nodeps mariadb-libs-5.5.68-1.el7.x86_64 二、卸载 etc 目录下的 my.cnf 文件 rm -rf /etc/my.cnf 三、检查MySQL是否存在 有则先删除 #卸载mysql服务以及删除所有mysql目录 #没…

使用CSS的@media screen 规则为不同的屏幕尺寸设置不同的样式(响应式图片布局)

当你想要在不同的屏幕尺寸或设备上应用不同的CSS样式时,可以使用 media 规则,特别是 media screen 规则。这允许你根据不同的屏幕特性,如宽度、高度、方向等,为不同的屏幕尺寸设置不同的样式。 具体来说,media screen…

常见前端面试之VUE面试题汇总十一

31. Vuex 有哪几种属性? 有五种,分别是 State、 Getter、Mutation 、Action、 Module state > 基本数据(数据源存放地) getters > 从基本数据派生出来的数据 mutations > 提交更改数据的方法,同步 actions > 像一个装饰器&a…

微信小程序请求接口返回的二维码(图片),本地工具和真机测试都能显示,上线之后不显示问题

请求后端接口返回的图片&#xff1a; 页面展示&#xff1a; 代码实现&#xff1a; :show-menu-by-longpress"true" 是长按保存图片 base64Code 是转为base64的地址 <image class"code" :src"base64Code" alt"" :show-menu-by-long…

C语言练习4(巩固提升)

C语言练习4 选择题 前言 面对复杂变化的世界&#xff0c;人类社会向何处去&#xff1f;亚洲前途在哪里&#xff1f;我认为&#xff0c;回答这些时代之问&#xff0c;我们要不畏浮云遮望眼&#xff0c;善于拨云见日&#xff0c;把握历史规律&#xff0c;认清世界大势。 选择题 …

考研数据结构:第八章 排序

文章目录 一、排序的基本概念二、插入排序2.1插入排序2.1.1算法思想2.1.2算法实现2.1.3算法效率分析2.1.4算法优化——折半插入排序 2.2希尔排序2.2.1算法思想2.2.2代码实现2.2.3算法性能分析 三、交换排序3.1冒泡排序3.1.1算法思想3.1.2代码实现3.1.3算法性能分析 3.2快速排序…

基于Spring Boot 的 Ext JS 应用框架之coworkee

Ext JS 官方提供了一个人员管理的完整应用框架 - coworkee。该框架的显示如下: 该框架的布局特点如下: 布局方式: 左右布局, 左侧导航栏默认收合特点:左侧导航区占用空间小, 工作区较大, 适合没有二级导航栏,工作区需要显示的内容较多的系统。如果导航栏是横向底部,就…

DataTable扩展 列转行方法(2*2矩阵转换)

源数据 如图所示 // <summary>/// DataTable扩展 列转行方法&#xff08;2*2矩阵转换&#xff09;/// </summary>/// <param name"dtSource">数据源</param>/// <param name"columnFilter">逗号分隔 如SDateTime,PM25,PM10…

民族传统文化分享系统uniapp 微信小程序

管理员、用户可通过Android系统手机打开系统&#xff0c;注册登录后可进行管理员后端&#xff1b;首页、个人中心、用户管理、知识分类管理、知识资源管理、用户分享管理、意见反馈、系统管理&#xff0c;用户前端&#xff1b;首页、知识资源、用户分享、我的等。 本系统的使用…

vue create -p dcloudio/uni-preset-vue my-project创建文件报错443

因为使用vue3viteuniappvant4报错&#xff0c;uniapp暂不支持vant4&#xff0c;所以所用vue2uniappvant2 下载uni-preset-vue-master 放到E:\Auniapp\uni-preset-vue-master 在终端命令行创建uniapp vue create -p E:\Auniapp\uni-preset-vue-master my-project

【广州华锐互动】VR党建多媒体互动展厅:随时随地开展党史教育

随着科技的不断发展&#xff0c;虚拟现实(VR)技术已经逐渐渗透到各个领域&#xff0c;其中党建教育尤为受益。为了更好地传承红色基因&#xff0c;弘扬党的优良传统&#xff0c;广州华锐互动推出了VR党建多媒体互动展厅&#xff0c;让广大党员干部和人民群众通过现代科技手段&a…

[ 云计算 | AWS ] Java 应用中使用 Amazon S3 进行存储桶和对象操作完全指南

文章目录 一、前言二、所需 Maven 依赖三、先决必要的几个条件信息四、创建客户端连接五、Amazon S3 存储桶操作5.1. 创建桶5.2. 列出桶 六、Amazon S3 对象操作6.1. 上传对象6.2. 列出对象6.3. 下载对象6.4. 复制、重命名和移动对象6.5. 删除对象6.6. 删除多个对象 七、文末总…

【LeetCode-中等题】114. 二叉树展开为链表

文章目录 题目方法一&#xff1a;前序遍历&#xff08;构造集合&#xff09; 集合&#xff08;构造新树&#xff09;方法二&#xff1a;原地构建方法三&#xff1a;前序遍历--迭代&#xff08;构造集合&#xff09; 集合&#xff08;构造新树&#xff09; 题目 方法一&#x…

Axure设计之日期选择器(年月选择)

在系统中&#xff0c;日期选择器经常会用到&#xff0c;包括日历日期的选择、日期时间的选择和日期范围的选择&#xff0c;一般是下拉列表的形式进行选择。Axure没有自带的日期选择器&#xff0c;下面教大家如何在Axure中制作真实日期选择&#xff08;年月选择&#xff09;效果…