PyQt利用QScrollArea+QGridLayout制作一个滑动的Grid布局（QT Designer）

已于 2022-12-06 10:56:41 修改
阅读量2k 收藏 9
点赞数 2
分类专栏： pyhton学习笔记 文章标签： qt pyqt 开发语言
于 2022-12-06 10:54:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mr_Sun88/article/details/128198935
版权

目录

前言

有需求需要做一个滑动的Grid布局结构，网上找了很多的文章都是介绍直接用代码去生成的，没有看到用QT Designer做好后再怎么处理，这里研究了一下，以作记录和参考

制作ui文件

  • 新建一个MainWindow

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dd4NL4fp-1670294725418)(https://note.youdao.com/yws/res/e/WEBRESOURCE04044af623308d3776bd0bc97a05998e)]

我们在Qt Designer内新建一个MainWindow

  • 添加Scroll

在这里插入图片描述

将一个ScrllArea组件拖到画布内，层级centralwidget下

  • 添加grid

在这里插入图片描述

将一个grid layout组件拖到scrllarea下，grid的层级置于scrllArea组件下的widget下

  • 设置Scroll的lay out

在这里插入图片描述

在ScrollArea的空白处，右键选择lay out，选择Lay Out in a Grid

  • 调整滚动区域

在这里插入图片描述

设置完成后，ScrollArea会变的很小，用鼠标调整到合适大小

  • 添加组件

在这里插入图片描述

拖动Push Button组件到Grid区域内，多拖动几个，超过区域范围后，可以发现，出现滚动条了

推送

  • Github
https://github.com/KingSun5

结语

若是觉得博主的文章写的不错，不妨关注一下博主，点赞一下博文，另博主能力有限，若文中有出现什么错误的地方，欢迎各位评论指摘。
本文属于原创文章，转载请著名作者出处并置顶！！

因吹斯听的Sun同学
关注
  • 2
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
pyqt5 + QSS + qt designer写了一个登录和注册界面
08-14
在本文中，我们将深入探讨如何使用PyQt5、QSS（Qt StyleSheet）和Qt Designer创建一个功能完善的登录和注册界面。PyQt5是Python中用于构建GUI应用的库，它基于Qt框架，提供了丰富的组件和功能。QSS类似于HTML中的CSS...
pyqt5 QScrollArea设置在自定义侧(任何位置)
09-18
在PyQt5中，QScrollArea是一个非常有用的组件，它允许用户在滚动条的帮助下查看超过窗口大小的内容。本文将深入探讨如何将QScrollArea设置在自定义的位置，例如垂直左侧，以便实现更灵活的界面布局。 首先，我们...
Qt Quick - GridLayout 网格布局
洪源兄
03-13 3765
GridLayout 是最常用的布局器，也叫网格布局器，如果网格布局被调整大小，布局中的所有 Item 将被重新排列。它类似于基于widget的QGridLayout。GridLayout元素的所有可见子元素都将属于该布局。如果你想要一个只有一行或一列的布局，可以使用RowLayout或ColumnLayout。这些提供了更方便的API，并提高了可读性。默认情况下， Item 将根据 flow 属性进行排列。flow属性的默认值是GridLayout.LeftToRight，就是从左到右排列。
【Qt 学习笔记】Qt常用控件 | 布局管理器 | 网格布局Grid Layout
最新发布
小黄鸭的博客
05-17 1695
QGridLayout是一个用于在Qt中进行布局的类。它将窗口或小部件划分为一个规则的网格，并将小部件放置在网格的不同位置上。QGridLayout可以自动调整小部件的大小和位置，以适应窗口的大小调整。使用QGridLayout布局时，可以通过指定行和列的索引来将小部件放置在网格的特定位置。可以使用addWidget()函数将小部件添加到网格布局中。还可以使用addLayout()函数将另一个布局添加到网格布局中，并将其放置在特定的行和列中。
【pyqt5界面化开发-5】网格布局（九宫格）界面
08-29 620
【pyqt5界面化工具开发】网格界面布局
Qt滚动条样式
听弦断,断那三千痴缠
01-21 707
QScrollBar:vertical{width:10px;background:rgba(255,255,255,60);margin:0px,0px,0px,0px;padding-top:5px;padding-bottom:5px;} QScrollBar::handle{background:rgb(4,122,217);border: 1px solid #ffffff;} QS...
【QT】QGridLayout的基础使用（添加控件、布局、间距）
Wynne的博客
06-13 7439
qt中如何使用QGridLayout网格布局？
PyCharm+PyQt5+QtDesigner配置详解
09-16
主要介绍了PyCharm+PyQt5+QtDesigner配置详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
PyQt Qt Designer工具的布局管理详解
09-18
主要介绍了PyQt Qt Designer工具的布局管理详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
QT 栅格布局 (QGridLayout)
houxian1103的博客
02-28 3705
QGridLayout 占用来自其父布局或 parentWidget()获得的空间，将其划分为行列表格形式，在每个布局的表格里放置控件或者布局器就行。新建QGridLayout之后，在桌面上就会出现一个网格状的布局，这个布局是看不见的，如下表格一样，那么如何确定这样的表格有几行几列呢？可以对其进行初始化。
QT中QListView中放置自定义控件并添加滚动条
木棉花开时，凤凰涅槃日！
08-17 5523
转载 http://zhouzhenren163.blog.163.com/blog/static/6549928120140605729334/  效果如下图所示： 代码如下： untitled.pro: [cpp] view plain copy #------------------------------
QT入门Containers之QScrollArea
Littlehero_121的博客
02-21 1408
qt控件
基于Qt的网格布局实现下拉式窗口
qq_39347787的博客
08-27 612
实现一个界面，可以接收数据并自动将数据添加到下拉式窗口中，此窗口可以显示并更新数据，当数据不再发送则判断发送端已离线；发送端具备优先级，一级排列在布局最前端，二级排在之后，三级排在末尾；此外，窗口还具有自我删除、更改优先级的功能。
gridLayout动态添加button按钮
dingzp的博客
08-09 2863
代码如下： public class CityActivity extends Activity { private GridLayout gridLayout; String[][] count = { { "北京", "上海", "天津", &
Qt 栅格布局动态增删控件，删除控件后自动排齐
happi_er的博客
10-25 1672
原理：点击按钮时将按钮与当前布局同时删除，再重新给其他按钮进行栅格布局，这种方法按钮的顺序可能会打乱。以按钮为例，点击按钮即删除该按钮，其他按钮自动排齐。
QScrollArea不显示滚动条问题
lswdcyy的博客
03-04 681
【代码】QScrollArea不显示滚动条问题。
Pyqt5 自制的滚动条
qq_27698011的博客
08-01 3154
唠嗑唠嗑 Pyqt5的滚动条很不美观，特别是pyinstaller后的样子更丑。我研究了两天翻了无数的资料，都是推荐我用QSS写的。但是，现在我用算法就已经能够实现了。而且不管你将滚动按钮变成任何的样子都可以用。前提是你已经将我的代码吃透了。 代码 下面我会给出代码，全部已经标上注释了，理不理解要靠个人： from PyQt5.QtWidgets import * from PyQ...
《Qt入门（四）-- Qt动态布局QGridLayout》
森未*望客
02-25 3094
QGridLayout 添加窗口addWidget函数 初始化布局 依次是从左往右添加第0行，第0列 ；第0行，第1列；第1行，第0列；第1行，第1列； 然后依次对setRowStretch设置行比例参数（4:1），setColumnStretch设置列比例(2:1) QFramlayout = new QGridLayout(); QFramlayout->setSpaci...
pyqt6QScrollArea
05-16
PyQt6是一个Python语言的GUI编程工具包，QScrollArea是其中一个窗口部件。QScrollArea提供了一个可滚动的视图区域，可以在其中添加其他的窗口部件。当添加的部件的大小超过了QScrollArea的大小时，QScrollArea会自动添加滚动条来方便用户滚动查看内容。 在PyQt6中，使用QScrollArea时需要先创建一个QScrollArea实例，并将要添加到其中的窗口部件添加到QScrollArea中。需要注意的是，添加到QScrollArea中的窗口部件会被自动调整大小以适应QScrollArea的大小。 以下是一个简单的示例代码： ```python import sys from PyQt6.QtWidgets import QApplication, QWidget, QVBoxLayout, QScrollArea, QLabel app = QApplication(sys.argv) window = QWidget() layout = QVBoxLayout(window) scroll_area = QScrollArea() scroll_area.setWidgetResizable(True) # 设置可自动调整大小 layout.addWidget(scroll_area) content_widget = QWidget(scroll_area) scroll_area.setWidget(content_widget) inner_layout = QVBoxLayout(content_widget) for i in range(100): label = QLabel(f"Label {i}") inner_layout.addWidget(label) window.show() sys.exit(app.exec()) ``` 以上代码创建了一个QWidget，其中包含一个QVBoxLayout布局。QScrollArea被添加到布局中，并设置为可自动调整大小。一个QWidget被创建并添加到QScrollArea中作为滚动区域的内容。在QWidget中，又添加了一个QVBoxLayout布局，并向其中添加了100个QLabel作为滚动区域中的内容。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值