QDockWidget的界面排布

曾经终败给现在 2023-01-06 04:27 145阅读 0赞

> Qt的dockwidget非常好用，就是界面排布不是那么容易满足我们的要求。这里我介绍一种设置界面排布的方法，希望大家能从中获益。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tpc3Nnb29kYnllMjAxMg_size_16_color_FFFFFF_t_70][]

**目录**

一、界面最大化并删除主界面只保留停靠界面

二、布置各个停靠界面的位置和大小

三、最终的效果

--------------------

# #

## 一、界面最大化并删除主界面只保留停靠界面 ##

//窗口最大化
        setWindowState(Qt::WindowMaximized);
    
        //删除MainWindow的中间窗口，整个视图都由DockWidget组成
        QWidget* p = takeCentralWidget();
        if(p)delete p;
        setDockNestingEnabled(true);

## 二、布置各个停靠界面的位置和大小 ##

//添加所有需要布置的停靠界面
        QList<QDockWidget*> m_docks;
        m_docks.append(ui->dockWidget);
        m_docks.append(ui->dockWidget_2);
        m_docks.append(ui->dockWidget_3);
        m_docks.append(ui->dockWidget_4);
    
        //下面的布置有先后关系，最开始界面是一片空白，
        //然后，先添加停靠界面0和停靠界面3，垂直排布
        //然后，让界面0分为两半，左半是停靠界面0，右半是停靠界面2，水平排布
        //最后，让界面3分为两半，左半是停靠界面3，右半是停靠界面4，水平排布
        //停靠界面0和停靠界面3是垂直排布
        splitDockWidget(ui->dockWidget,ui->dockWidget_3,Qt::Vertical);
        //停靠界面0和停靠界面2是水平排布
        splitDockWidget(ui->dockWidget,ui->dockWidget_2,Qt::Horizontal);
        //停靠界面3和停靠界面4是水平排布
        splitDockWidget(ui->dockWidget_3,ui->dockWidget_4,Qt::Horizontal);
    
        //下面设置各个停靠界面的比例
        float windowWidth=this->size().width();//获取窗口的宽度
        int dockWidthA=0.5*windowWidth;
        int dockWidthB=0.5*windowWidth;
    
        //设置停靠界面0和停靠界面2的比例，为1：1，左右
        QList<QDockWidget*> mm_docks;
        mm_docks.append(ui->dockWidget);
        mm_docks.append(ui->dockWidget_2);
    
        QList<int> docksizes={dockWidthA,dockWidthB};
        this->resizeDocks(mm_docks,docksizes,Qt::Horizontal);
    
        //设置停靠界面3和停靠界面4的比例，为1：1，左右
        QList<QDockWidget*> mm2_docks;
        mm2_docks.append(ui->dockWidget_3);
        mm2_docks.append(ui->dockWidget_4);
    
        QList<int> docksizes2={dockWidthA,dockWidthB};
        this->resizeDocks(mm2_docks,docksizes2,Qt::Horizontal);
    
        //设置停靠界面0和停靠界面3的比例，为1：1，上下
        QList<QDockWidget*> mm3_docks;
        mm3_docks.append(ui->dockWidget_3);
        mm3_docks.append(ui->dockWidget);
        this->resizeDocks(mm3_docks,docksizes2,Qt::Vertical);

## 三、最终的效果 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tpc3Nnb29kYnllMjAxMg_size_16_color_FFFFFF_t_70 1][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tpc3Nnb29kYnllMjAxMg_size_16_color_FFFFFF_t_70]: /images/20221119/d90ff4825d774f8a912674daa174af0e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tpc3Nnb29kYnllMjAxMg_size_16_color_FFFFFF_t_70 1]: /images/20221119/94d79deb47b64ab4959c7b20088800eb.png