Qt5之栅格布局

灰太狼 2022-05-21 12:26 521阅读 0赞

1、创建栅格布局对象

// 2018年6月24日 23:22:02 改为栅格布局
        gridLayout      = new QGridLayout;

2、设置控件位置

// 菜单栏， 0行0列 占 1行 11列
        gridLayout->addWidget(topMenuBar, 0, 0, 1, 10);
    
        // 工具栏按钮部分
        for (int i = 0 ; i < he_tool_bar_btn_7; i++)
        {
            gridLayout->addWidget(topToolBtnArr[i], 1, i, 1, 1);
        }
    
        // 从哪一列查找 ， 位置，1行 7列， 占1行1列
        gridLayout->addWidget(comboQeury, 1, 7, 1, 1);
        // 输入框，位置：1行8列， 占 1行 1 列
        gridLayout->addWidget(lineEditQuery, 1, 8, 1, 1);
    
        // 排序
        gridLayout->addWidget(labelSort, 1, 9, 1, 1);
        // 按照哪一列排序
        gridLayout->addWidget(comboSort, 1, 9, 1, 1);
    
        // tabwidget
        gridLayout->addWidget(tabWidget, 2, 0, 1, 11);
    
        // 添加状态栏
        gridLayout->addWidget(statusBar, 3, 0, 1, 11);
    
        // 设置控件之间的间距
        gridLayout->setSpacing(10);
    
        // 设置栅格布局控件与窗体之间的间距
        gridLayout->setContentsMargins(0, 0, 0, 0);

3、添加布局

// 现实布局
        setLayout(gridLayout);

4、效果

![70][]

[70]: /images/20220521/28fc73b5bad6493db0c60e773b14ab2b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，521人围观）

还没有评论，来说两句吧...

相关阅读

相关 Bootstrap栅格布局

Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。栅格系统用于通过一系列的行（r

谁践踏了优雅/ 2023年07月19日 14:29/ 0 赞/ 49 阅读

相关 bootstrap栅格布局

首先，我们要为页面内容和栅格系统包裹一个 `.container` 容器： <div class="container"> ... </div>

一时失言乱红尘/ 2023年02月08日 12:59/ 0 赞/ 38 阅读

相关 Qt日常报错： Qt布局，栅格布局时错乱

Qt 栅格布局时错乱文章目录 Qt 栅格布局时错乱 1. 问题 2. 原因 3. 结果 1. 问题

约定不等于承诺〃/ 2022年12月26日 10:18/ 0 赞/ 253 阅读

相关 pyqt5栅格布局的基本用法

import sys from PyQt5.QtWidgets import QWidget, QApplication, QGridLayout,

向右看齐/ 2022年09月03日 15:14/ 0 赞/ 192 阅读

相关深入理解BootStrap之栅格系统（布局）

1、栅格系统（布局） Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。我在这

末蓝、/ 2022年08月22日 06:26/ 0 赞/ 251 阅读

相关 BootStrap复习之栅格系统与布局

今日目录： 1、BootStrap栅格系统 2、BootStrap布局一、BootStrap栅格系统

小灰灰/ 2022年05月24日 07:40/ 0 赞/ 305 阅读

相关 Qt5之栅格布局

1、创建栅格布局对象 // 2018年6月24日 23:22:02 改为栅格布局 gridLayout = new QGridLayout;

灰太狼/ 2022年05月21日 12:26/ 0 赞/ 522 阅读

相关栅格布局效果展示

文章： [https://blog.csdn.net/ayangann915/article/details/83744508][https_blog.csdn.net_a

朱雀/ 2022年04月22日 12:40/ 0 赞/ 298 阅读

相关 BootStrap_03 栅格布局

bootstrap – 一个标签中，同时有 col-xs , col-sm , col-md , col-lg .col-xs- 超小屏幕手机 (<768px) .co

不念不忘少年蓝@/ 2022年04月04日 07:56/ 0 赞/ 384 阅读

相关 iOS 瀑布流之栅格布局

> 代码地址如下： > [http://www.demodashi.com/demo/14760.html][http_www.demodashi.com_demo_147

谁借莪１个温暖的怀抱￠/ 2022年03月10日 14:22/ 0 赞/ 312 阅读