目录

一、QGroupBox界面相关

1、布局介绍

二、QDockWidget的介绍

1、去除标题栏

 2、设置垂直属性

3、代码测试下

三、Demo展示

此文为作者原创，创作不易，转载请标明出处！

一、QGroupBox界面相关

1、布局介绍

QT中的QGroupBox提供了标题栏，可以实现有标题的组合框结构可以实现不同的分组效果，当需要使用界面分组效果时，可以使用该控件，界面位置如下：

二、QDockWidget的介绍

拖动个在界面上，如下：

1、去除标题栏

如下：

QWidget *Widget = new QWidget;
ui->dockWidget_1->setTitleBarWidget(Widget);

 2、设置垂直属性

ui->dockWidget_1->setFeatures(QDockWidget::DockWidgetVerticalTitleBar);

3、代码测试下

void MainWindow::InitData()
{
    QDockWidget *dock1 = new QDockWidget( u8"框架1");
    QWidget*Widget1= new QWidget(dock1 );
    dock1 ->setWidget(Widget1);
    m_docks.append(dock1);

    QDockWidget *dock2 = new QDockWidget( u8"框架2");
    QWidget*Widget2= new QWidget(dock2 );
    dock2 ->setWidget(Widget2);
    m_docks.append(dock2);

    QDockWidget *dock3 = new QDockWidget( u8"框架3");
    QWidget*Widget3= new QWidget(dock3 );
    dock3 ->setWidget(Widget3);
    m_docks.append(dock3);

    QDockWidget *dock4 = new QDockWidget( u8"框架4");
    QWidget*Widget4= new QWidget(dock4 );
    dock4 ->setWidget(Widget4);
    m_docks.append(dock4);

    //第一横排
    this->addDockWidget(Qt::LeftDockWidgetArea, dock1 );
    splitDockWidget(dock1 , dock2, Qt::Horizontal);
    //第一竖列
    splitDockWidget(dock1 , dock3, Qt::Vertical);
    //第二竖列
    splitDockWidget(dock2, dock4, Qt::Vertical);

}

三、Demo展示

我放在了精灵球里，后期开放

 推荐博客：精灵球Plus介绍_清风徐来Groot的博客-CSDN博客

百度云盘：链接：https://pan.baidu.com/s/11b634VvKMIsGdahyBLpZ3Q   提取码：6666