QT之可拖动布局研究

1. 背景

最开始只用到了最基本的水平布局 、垂直布局。它的好处就是窗口整体缩放后,控件也自动等比例缩放。 但是比如水平布局之中的控件宽度比例、垂直布局之中的控件高度比例都是固定的。

平时也不怎么开发界面,最近有个需求,想界面上的控件布局满足以下:

1)窗口整体缩放后,控件也自动等比例缩放。

2)与很多商业化软件或者很多IDE一样,控件支持鼠标拖动调节大小。比如vs中的很多窗口可以拖动来控制它们大小。

环境:vs2019 + Qt 5.15.2

2. 探索

先是在GPT上找答案,搞了一会发现说的不行,搞烦了。最后还是在其他地方查了查资料,自己做了测试,最终汇总整理如下。

界面设计不是特别复杂,所以直接在QT Designer中进行。

如图所示,有6个控件元素,

  • 其中1(label)、2(listView)组成一个垂直布局 verticalLayout_2
  • 其中4(label)、5(tableView)组成一个垂直布局 verticalLayout
  • 然后3(tabWidget)、verticalLayout组成 水平分割布局local_H_splitter
  • 然后6(plainTextEdit)、local_H_splitter组成垂直分割布局local_V_splitter
  • 最后垂直布局 verticalLayout_2、local_V_splitter 组成全局的一个水平分割布局global_H_splitter,见下图:
  • 最终对整个窗体设置为栅格布局。

现在启动程序,确实是可以自由拖动调节控件大小了。

但还有个问题,控件大小的初始比例并不理想,想要一个设定的初始比例,见下文。

3. 如何设置QSplitter中控件的初始显示比例

复制代码
QtWidgetsApplication1::QtWidgetsApplication1(QWidget *parent)
    : QMainWindow(parent)
{
    ui.setupUi(this);

    this->setWindowTitle("Resizable Layout Example");

    ui.local_H_splitter->setSizes(QList<int>() << 400 << 100 ); // 4:1
    ui.local_H_splitter->widget(0)->setMinimumSize(100, 100); // 分割布局中元素最小尺寸,貌似不起作用
    ui.local_H_splitter->widget(1)->setMinimumSize(100, 100);
  
    ui.local_V_splitter->setSizes(QList<int>() << 700 << 100); // 7:1
    ui.local_V_splitter->widget(0)->setMinimumSize(100, 100);
    ui.local_V_splitter->widget(1)->setMinimumSize(100, 100);

    ui.global_H_splitter->setSizes(QList<int>() << 100 << 700); // 1:7
    ui.global_H_splitter->widget(0)->setMinimumSize(100, 100);
    ui.global_H_splitter->widget(1)->setMinimumSize(100, 100);
    
}

如此,便能设置QSplitter中控件的初始显示比例。

相关推荐
greentea_201326 分钟前
Codeforces Round 65 C. Round Table Knights(71)
c语言·开发语言·算法
小秋学嵌入式-不读研版36 分钟前
C61-结构体数组
c语言·开发语言·数据结构·笔记·算法
Evand J1 小时前
组合导航的MATLAB例程,二维平面上的CKF滤波,融合IMU和GNSS数据,仿真,观测为X和Y轴的坐标,附代码下载链接
开发语言·matlab·平面·imu·组合导航
蔗理苦1 小时前
2025-10-07 Python不基础 20——全局变量与自由变量
开发语言·python
ajassi20002 小时前
开源 C++ QT QML 开发(九)文件--文本和二进制
c++·qt·开源
-森屿安年-2 小时前
C++ 类与对象
开发语言·c++
ajassi20002 小时前
开源 C++ QT QML 开发(八)自定义控件--圆环
c++·qt·开源
小蒜学长2 小时前
springboot基于javaweb的小零食销售系统的设计与实现(代码+数据库+LW)
java·开发语言·数据库·spring boot·后端
会开花的二叉树2 小时前
c语言贪吃蛇游戏开发
c语言·开发语言
韩立学长2 小时前
【开题答辩实录分享】以《C#大型超市商品上架调配管理系统的设计与实现》为例进行答辩实录分享
开发语言·c#