Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >固定大小的按网格布局的按钮,预定义行/科尔数

固定大小的按网格布局的按钮,预定义行/科尔数
EN

Stack Overflow用户
提问于 2017-03-10 12:55:27
回答 1查看 50关注 0票数 0

我有个-也许有点不寻常的-问题:

我有一个QTabWidget。应用程序从数据源读取记录。记录包含一个“pos”和“pos”字段(除其他信息外),应用程序应为每条记录在网格位置(x,y)的选项卡页上放置一个按钮。这些按钮有一个“固定”大小,由用户选择,这是通过一个Config对象从ini文件中读取的。如果这个“按钮网格”变得太大,对于选项卡页的空间,滚动条将出现。

首先,我认为这是非常简单和直截了当的。就像“把一个QScrollarea放在标签页上,把一个QGridLayout放到这个QScrollArea中。就是这样”。但后来我意识到这绝不是简单的事情。

据我所知,Qt的“布局和养育”正好相反。(如果我错了,请纠正我!)“通常”,周围的小部件大小它包含的布局管理器(例如QGridLayout),然后布局管理器大小它包含的孩子。

但我认为,我需要“相反的方向”。我有固定大小的按钮,需要由m列组成n行的网格,这将导致整个网格布局的大小。如果整个布局不合适,scrollarea将激活它的滚动条。

所以,我现在有点迷上了这个谜,想知道如何“正确”地做到这一点。也许有人能把我踢向正确的方向?

非常感谢!

EN

回答 1

Stack Overflow用户

发布于 2017-03-10 14:34:02

你想要什么?如果是,尝试在滚动区域设置小部件,而不是布局。在小部件上按下按钮。

然后,如果您的意思是pos和pos是绝对的,则不需要在小部件上设置任何布局。只需创建一个子按钮并根据需要设置它们的几何图形:

代码语言:javascript
运行
AI代码解释
复制
// Suppose we read this info from a config file
int pbWidth = 150, pbHeight = 30;
// and this one from a datasource
QVector<QPoint> positions;
positions.push_back(QPoint(10, 10));
positions.push_back(QPoint(50, 50));
positions.push_back(QPoint(210, 30));

QTabWidget *tabWidget = new QTabWidget();
QScrollArea *scrollArea = new QScrollArea();
QWidget *scrollAreaWidget = new QWidget();

// We put a container widget inside the scroll area
scrollArea->setWidget(scrollAreaWidget);
// then we add the scroll area as the tab
tabWidget->addTab(scrollArea, tr("Tab 1"));

// Now let's put some push buttons on the widget
for (QVector<QPoint>::ConstIterator i = positions.cbegin();
     i != positions.cend(); i++)
{
  QString text = tr("Button at %1x%2").arg(i->x()).arg(i->y());
  // We have to pass the parent to the constructor
  // to place pb on the widget 
  QPushButton *pushButton = new QPushButton(text, scrollAreaWidget);

  // Here we set position and size
  pushButton->setGeometry(i->x(), i->y(), pbWidth, pbHeight);
}

// We have no layout on the widget, so don't forget to adjust size
scrollAreaWidget->adjustSize();
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42727573

复制
相关文章
Qt中关闭窗口最大化按钮,固定大小
作者:admin,发布日期:2017-02-20 阅读:164;评论:0 效果 image.png 代码: w.setWindowFlags(Qt::WindowCloseButtonHint|Qt::WindowMinimizeButtonHint); 固定大小只要修改以下两条属性即可 image.png
繁花云
2018/07/31
2.4K0
Qt中关闭窗口最大化按钮,固定大小
css经典布局之左侧固定大小右侧自动适应
最近学习了一种经典布局,固定左侧或右侧的宽度,另一侧自适应宽度,此种布局挺常用,尤其是像后台,大部分都是采用这种结构,还比如像订餐类的APP,进入商家的时候,会出现一堆饭的列表,左侧是饭的分类,右侧是
IMWeb前端团队
2017/12/28
2K0
css经典布局之左侧固定大小右侧自动适应
最近学习了一种经典布局,固定左侧或右侧的宽度,另一侧自适应宽度,此种布局挺常用,尤其是像后台,大部分都是采用这种结构,还比如像订餐类的APP,进入商家的时候,会出现一堆饭的列表,左侧是饭的分类,右侧是饭的列表等等。反正挺实用,值得收藏!
IMWeb前端团队
2019/12/05
1.2K0
WPF 修改按钮按下的颜色
如何在按钮按下时使用这个附加属性修改按钮颜色?实际重写按钮的样式可以看到,在按下时可以修改颜色
林德熙
2022/08/04
2.4K0
WPF 修改按钮按下的颜色
如何在按钮按下时使用这个附加属性修改按钮颜色?实际重写按钮的样式可以看到,在按下时可以修改颜色
林德熙
2018/09/19
5.9K0
WPF 修改按钮按下的颜色
bootstrap 按钮大小
<div clas="form-group"> <button class="btn btn-lg">btn-lg</button> <button class="btn">btn</button> <button class="btn btn-sm">btn-sm</button> <button class="btn btn-xs">btn-xs</button> <button class="btn btn-block">btn-block</button> </div>
用户5760343
2022/01/10
8290
bootstrap 按钮大小
新推出的GridLayout网格布局
本期主要学习的是网格布局是Android 4.0新增的布局,和前面所学的TableLayout表格布局 有点类似,不过他有很多前者没有的东西,也更加好用。 一、认识GridLayout 网格布局实现了控件的交错显示,能够避免因布局嵌套对设备性能的影响,更利于自由布局的开发。网格布局用一组无限细的直线将绘图区域分成行、列和单元,并指定控件的显示区域和控件在该区域的显示方式 下表显示了 GridLayout常用的XML属性及相关方法说明。 XML属性相关方法说明android:align
分享达人秀
2018/02/02
1.5K0
新推出的GridLayout网格布局
grid网格布局
​ 距今来看已经十多年了,确确实实占据了前端布局中很大的地位,相比大家对flex都很熟悉,所以今天我们的主角就是-------> Grid
Snine
2022/02/11
2K0
grid网格布局
bootstrap 网格布局
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
用户5760343
2022/01/10
8550
bootstrap 网格布局
BootStrap网格布局
  如何使用BootStrap样式   BootStrap与其他的开源库类似,直接引用它的css样式文件就可以使用了。 <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">   在代码中,直接使用class就可以使用其定义的样式,例如使用它button样式,就可以按照下面的方式: <button class="btn btn-primary" type="butt
用户1154259
2018/01/17
1.8K0
BootStrap网格布局
Linux下,删除大于固定大小的文件
显示当前路径下,大于50M的文件。(包含子文件夹内的文件) <span class="hljs-built_in">find</span> ./ -<span class="hljs-built_in">size</span> +<span class="hljs-number">50</span>M 删除当前路径下,大于50M的文件。(包含子文件夹内的文件) <span class="hljs-built_in">find</span> ./ -<span class="hljs-built
十四君
2019/11/23
3.2K0
grid布局方式_grid网格布局
由GridBagConstraints类实现的布局管理器称为网格组布局管理器,它实现了一个动态的矩形网格,这个矩形风格由无数个矩形单元格组成,每个组件可以占用一个或多个这样的单元格。
全栈程序员站长
2022/10/04
1.2K0
grid布局方式_grid网格布局
CSS 中的网格(grid)布局,是什么?
网格布局就是把页面拆分成很多小格子,用于对齐和摆放元素。有三个重要的属性:行(row)、列(column)、沟槽(gutter,表示行列的间隙)。
Learn-anything.cn
2021/12/10
3.2K0
数铣固定循环指令的动作
数控编程、车铣复合、普车加工、行业前沿、机械视频,生产工艺、加工中心、模具、数控等前沿资讯在这里等你哦
lrglu
2023/10/13
2780
数铣固定循环指令的动作
浅谈GridLayout(网格布局)
Android 4.0 布局-->GridLayout 网格布局 以行列单元格的形式展示内部控件排列,可以实现类似计算机键盘效果 ,也可以实现可自动变行的标签群效果 使用GridLayout ,有效减少了布局的深度,渲染速度也是很快的 类似于LinearLayout 的使用,额外添加了一些特有的属性 先来看下GridLayout的一些属性介绍 1、 android:orientation="horizontal|vertical" 内部控件是水平排列的还是竖直排列的    与LinearLayout使用方法
听着music睡
2018/05/18
1.5K0
css - Grid网格布局
.wrapper{ display: grid; grid-template-columns: 100px 100px 100px; grid-template-r
xing.org1^
2018/12/17
1.2K0
css - Grid网格布局
bootstrap 网格布局 2
<!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 中型和大型设备</title> <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body>
用户5760343
2022/01/10
7160
bootstrap 网格布局 2
Grid网格布局入门
它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。
javascript.shop
2019/09/04
2.2K1
Grid网格布局入门
bootstrap 网格布局 偏移
offset值从1到11 div:container,row,col-md-6 col-md-offset-3
用户5760343
2022/01/10
9210
bootstrap 网格布局 偏移
Qt 网格布局 QGridLayout
见其名知其意,QGridLayout 是一个网格形式的布局,他可以让控件或嵌套 layout 以网格形式在窗口中排布,我们只需在创建控件的时候指定其在网格中的位置即可。
我与梦想有个约会
2023/10/20
9390
Qt 网格布局 QGridLayout

相似问题

ASP网格视图,预定义行高大小

21

基于屏幕大小的固定列数的离子2响应网格布局

14

css网格上的固定大小按钮

31

固定行和科尔的聚合物网格

13

具有回收布局的固定大小动态网格

113
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
💥开发者 MCP广场重磅上线!
精选全网热门MCP server,让你的AI更好用 🚀
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档