QDockWidget嵌套布局详解-实现Visual Studio布局

最新推荐文章于 2024-05-22 20:38:08 发布
最新推荐文章于 2024-05-22 20:38:08 发布
阅读量3k 收藏 15
点赞数 1
分类专栏： QT/ 界面 QT/布局

概述

许多工程软件，如Qt Creator，VS，matlab等，都是使用dock布局窗口，这样用户可以自定义界面，自由组合窗口。
Qt的嵌套布局由QDockWidget完成，用Qt Creator拖界面得到的dock布置形式比较固定，不能得想要的任意组合形式，要得到如下图所示的效果，后续布局必须通过代码来完成。
这里写图片描述
ps:这是自己没事写的一个数据可视化软件
下面说说如何实现完全自由的界面布局效果：

QDockWidget在QMainWindow的布局函数

要在QMainWindow里对dock进行布局，需要用到如下几个函数：

  • 添加dock函数
    此函数用于给dock指定位置，同时也可以更改dock的位置，此函数命名为addDockWidget有点容易误导，因为不仅仅有add的功能，还有chang的功能
<code class="language-C++ hljs lasso has-numbering"><span class="hljs-literal">void</span> QMainWindow<span class="hljs-tag">::addDockWidget</span>(Qt<span class="hljs-tag">::DockWidgetArea</span> area, QDockWidget <span class="hljs-subst">*</span> dockwidget)
<span class="hljs-literal">void</span> QMainWindow<span class="hljs-tag">::addDockWidget</span>(Qt<span class="hljs-tag">::DockWidgetArea</span> area, QDockWidget <span class="hljs-subst">*</span> dockwidget, Qt<span class="hljs-tag">::Orientation</span> orientation)</code><ul class="pre-numbering" style=""><li>1</li><li>2</li></ul>
  • 分割dock窗口函数
    此函数的功能是把两个dock进行左右或上下并排布置，做成一个类似QSplit的功能
<code class="language-C++ hljs lasso has-numbering"><span class="hljs-literal">void</span> QMainWindow<span class="hljs-tag">::splitDockWidget</span>(QDockWidget <span class="hljs-subst">*</span> first, QDockWidget <span class="hljs-subst">*</span> second, Qt<span class="hljs-tag">::Orientation</span> orientation)</code><ul class="pre-numbering" style=""><li>1</li></ul>
  • tab化窗口函数
    此函数的功能是把多个dock变成一个tab形式的窗体
<code class="language-C++ hljs livecodeserver has-numbering">void QMainWindow::tabifyDockWidget(QDockWidget * <span class="hljs-keyword">first</span>, QDockWidget * <span class="hljs-keyword">second</span>)</code><ul class="pre-numbering" style=""><li>1</li></ul>
  • 设置dock嵌套布局
    此函数是设置嵌套布局的关键
<code class="language-C++ hljs cs has-numbering"><span class="hljs-keyword">void</span> QMainWindow::setDockNestingEnabled(<span class="hljs-keyword">bool</span> enabled)</code><ul class="pre-numbering" style=""><li>1</li></ul>

以上几个函数就能完成比较复杂的嵌套布局了。

设置嵌套布局

下面通过例子来讲解如何设置复杂的嵌套布局
先用Qt Creator拖放9个dock进视图里，为了好区分，给每个dock设置一个背景颜色：
这里写图片描述
dock属性随便设置，保证都任意区域可以停靠即可
由于这里不需要MainWindow的中间窗口，整个视图都由dock组成，因此先把QMainWindow的中间窗口部件去除：
在MainWindow的构造函数加入如下语句，即可把MainWindow的中间窗口去除，这时整个MainWindow只有Dock组成

<code class="language-C++ hljs javascript has-numbering">QWidget* p = takeCentralWidget();
    <span class="hljs-keyword">if</span>(p)
        <span class="hljs-keyword">delete</span> p;</code><ul class="pre-numbering" style=""><li>1</li><li>2</li><li>3</li></ul>

编译出来的效果如图所示：
这里写图片描述
拖动dock可以发现，只能在两边进行组合，我想把dock放置到中间是无法实现的，这是由于为了简化dock的吸附，QMainWindow默认是把dock嵌套关闭的，需要我们手动设置，在MainWindow的构造函数里添加：

<code class="language-C++ hljs bash has-numbering"><span class="hljs-keyword">set</span>DockNestingEnabled(<span class="hljs-literal">true</span>);</code><ul class="pre-numbering" style=""><li>1</li></ul>

即可打开嵌套功能，这时编译出来的窗口能实现如下嵌套：
这里写图片描述
此时，整个窗口的布局将变得非常灵活且复杂，由于Qt Creator在ui编辑器中无法像编译出来的程序那样任意调整位置，因此需要手动对窗口进行设置。下面将介绍如何用代码设置复杂的dock
为了方便，添加两个函数和一个成员变量：
head：

<code class="language-C++ hljs cs has-numbering"><span class="hljs-keyword">public</span>:
    //移除并隐藏所有dock
    <span class="hljs-keyword">void</span> <span class="hljs-title">removeAllDock</span>();
    <span class="hljs-comment">//显示dock窗口</span>
    <span class="hljs-keyword">void</span> showDock(<span class="hljs-keyword">const</span> QList<<span class="hljs-keyword">int</span>>& index = QList<<span class="hljs-keyword">int</span>>());
<span class="hljs-keyword">private</span>:
    QList<QDockWidget*> m_docks;<span class="hljs-comment"><span class="hljs-xmlDocTag">///</span><span class="hljs-xmlDocTag">< 记录所有dockWidget的指针</span></span></code><ul class="pre-numbering" style=""><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li></ul>

CPP:

<code class="language-C++ hljs cs has-numbering">MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(<span class="hljs-keyword">new</span> Ui::MainWindow)
{
    ui->setupUi(<span class="hljs-keyword">this</span>);
    <span class="hljs-comment">//删除中央窗体</span>
    QWidget* p = takeCentralWidget();
    <span class="hljs-keyword">if</span>(p)
        delete p;
    <span class="hljs-comment">//允许嵌套dock</span>
    setDockNestingEnabled(<span class="hljs-keyword">true</span>);
    <span class="hljs-comment">//记录所有的dock指针</span>
    m_docks.append(ui->dockWidget_1);
    m_docks.append(ui->dockWidget_2);
    m_docks.append(ui->dockWidget_3);
    m_docks.append(ui->dockWidget_4);
    m_docks.append(ui->dockWidget_5);
    m_docks.append(ui->dockWidget_6);
    m_docks.append(ui->dockWidget_7);
    m_docks.append(ui->dockWidget_8);
    m_docks.append(ui->dockWidget_9);
}

MainWindow::~MainWindow()
{
    delete ui;
}
<span class="hljs-comment"><span class="hljs-xmlDocTag">///</span></span>
<span class="hljs-comment"><span class="hljs-xmlDocTag">///</span> \brief 移除并隐藏所有的dock</span>
<span class="hljs-comment"><span class="hljs-xmlDocTag">///</span></span>
<span class="hljs-keyword">void</span> MainWindow::removeAllDock()
{
    <span class="hljs-keyword">for</span>(<span class="hljs-keyword">int</span> i=<span class="hljs-number">0</span>;i<<span class="hljs-number">9</span>;++i)
    {
        removeDockWidget(m_docks[i]);
    }
}
<span class="hljs-comment"><span class="hljs-xmlDocTag">///</span></span>
<span class="hljs-comment"><span class="hljs-xmlDocTag">///</span> \brief 显示指定序号的dock</span>
<span class="hljs-comment"><span class="hljs-xmlDocTag">///</span> \param index 指定序号，如果不指定，则会显示所有</span>
<span class="hljs-comment"><span class="hljs-xmlDocTag">///</span></span>
<span class="hljs-keyword">void</span> MainWindow::showDock(<span class="hljs-keyword">const</span> QList<<span class="hljs-keyword">int</span>> &index)
{
    <span class="hljs-keyword">if</span> (index.isEmpty())
    {
        <span class="hljs-keyword">for</span>(<span class="hljs-keyword">int</span> i=<span class="hljs-number">0</span>;i<<span class="hljs-number">9</span>;++i)
        {
            m_docks[i]->show();
        }
    }
    <span class="hljs-keyword">else</span>
    {
        <span class="hljs-keyword">foreach</span> (<span class="hljs-keyword">int</span> i, index) {
            m_docks[i]->show();
        }
    }
}
</code><ul class="pre-numbering" style=""><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li><li>26</li><li>27</li><li>28</li><li>29</li><li>30</li><li>31</li><li>32</li><li>33</li><li>34</li><li>35</li><li>36</li><li>37</li><li>38</li><li>39</li><li>40</li><li>41</li><li>42</li><li>43</li><li>44</li><li>45</li><li>46</li><li>47</li><li>48</li><li>49</li><li>50</li><li>51</li><li>52</li><li>53</li><li>54</li><li>55</li><li>56</li><li>57</li><li>58</li></ul>

void removeAllDock();函数可以把所有的dock隐藏void showDock(const QList<int>& index = QList<int>())则可以显示指定的dock。
下面先对需要用到的几个函数进行示范：

addDockWidget

addDockWidget函数用于给MainWindow添加dock窗体，指定添加的区域，如果想改变dock的位置，也可以使用此函数进行移动。

<code class="language-C++ hljs lasso has-numbering"><span class="hljs-literal">void</span> QMainWindow<span class="hljs-tag">::addDockWidget</span>(Qt<span class="hljs-tag">::DockWidgetArea</span> area, QDockWidget <span class="hljs-subst">*</span> dockwidget)
<span class="hljs-literal">void</span> QMainWindow<span class="hljs-tag">::addDockWidget</span>(Qt<span class="hljs-tag">::DockWidgetArea</span> area, QDockWidget <span class="hljs-subst">*</span> dockwidget, Qt<span class="hljs-tag">::Orientation</span> orientation)</code><ul class="pre-numbering" style=""><li>1</li><li>2</li></ul>

如：

<code class="language-C++ hljs lasso has-numbering">addDockWidget(Qt<span class="hljs-tag">::LeftDockWidgetArea</span>,ui<span class="hljs-subst">-></span>dockWidget_1);
addDockWidget(Qt<span class="hljs-tag">::RightDockWidgetArea</span>,ui<span class="hljs-subst">-></span>dockWidget_2);
addDockWidget(Qt<span class="hljs-tag">::TopDockWidgetArea</span>,ui<span class="hljs-subst">-></span>dockWidget_3);
addDockWidget(Qt<span class="hljs-tag">::BottomDockWidgetArea</span>,ui<span class="hljs-subst">-></span>dockWidget_4);</code><ul class="pre-numbering" style=""><li>1</li><li>2</li><li>3</li><li>4</li></ul>

把4个dock按照上下左右布置，效果如下：
这里写图片描述

splitDockWidget

splitDockWidget

<code class="language-C++ hljs lasso has-numbering"><span class="hljs-literal">void</span> QMainWindow<span class="hljs-tag">::splitDockWidget</span>(QDockWidget <span class="hljs-subst">*</span> first, QDockWidget <span class="hljs-subst">*</span> second, Qt<span class="hljs-tag">::Orientation</span> orientation)</code><ul class="pre-numbering" style=""><li>1</li></ul>

此函数可以把一个dock（QDockWidget * first）在其位置上进行嵌套，嵌套可以指定水平嵌套或者垂直嵌套，嵌套方向是从左到右，从上到下，也就是QDockWidget * first相对于QDockWidget * second永远在左边或者上边。
如：

<code class="language-C++ hljs lasso has-numbering">removeAllDock();
addDockWidget(Qt<span class="hljs-tag">::LeftDockWidgetArea</span>,ui<span class="hljs-subst">-></span>dockWidget_1);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_1,ui<span class="hljs-subst">-></span>dockWidget_2,Qt<span class="hljs-tag">::Horizontal</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_2,ui<span class="hljs-subst">-></span>dockWidget_3,Qt<span class="hljs-tag">::Horizontal</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_3,ui<span class="hljs-subst">-></span>dockWidget_4,Qt<span class="hljs-tag">::Horizontal</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_4,ui<span class="hljs-subst">-></span>dockWidget_5,Qt<span class="hljs-tag">::Horizontal</span>);
showDock(QList<span class="hljs-subst"><</span>int<span class="hljs-subst">></span>()<span class="hljs-subst"><<</span> <span class="hljs-number">0</span><span class="hljs-subst"><<</span><span class="hljs-number">1</span><span class="hljs-subst"><<</span><span class="hljs-number">2</span><span class="hljs-subst"><<</span><span class="hljs-number">3</span><span class="hljs-subst"><<</span><span class="hljs-number">4</span>);</code><ul class="pre-numbering" style=""><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li></ul>

得到如下效果：
这里写图片描述
若是：

<code class="language-C++ hljs lasso has-numbering">removeAllDock();
addDockWidget(Qt<span class="hljs-tag">::LeftDockWidgetArea</span>,ui<span class="hljs-subst">-></span>dockWidget_1);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_1,ui<span class="hljs-subst">-></span>dockWidget_2,Qt<span class="hljs-tag">::Vertical</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_2,ui<span class="hljs-subst">-></span>dockWidget_3,Qt<span class="hljs-tag">::Vertical</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_3,ui<span class="hljs-subst">-></span>dockWidget_4,Qt<span class="hljs-tag">::Vertical</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_4,ui<span class="hljs-subst">-></span>dockWidget_5,Qt<span class="hljs-tag">::Vertical</span>);
showDock(QList<span class="hljs-subst"><</span>int<span class="hljs-subst">></span>()<span class="hljs-subst"><<</span> <span class="hljs-number">0</span><span class="hljs-subst"><<</span><span class="hljs-number">1</span><span class="hljs-subst"><<</span><span class="hljs-number">2</span><span class="hljs-subst"><<</span><span class="hljs-number">3</span><span class="hljs-subst"><<</span><span class="hljs-number">4</span>);</code><ul class="pre-numbering" style=""><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li></ul>

那么效果变为：
这里写图片描述
此函数是实现嵌套布局的关键，首先指定基准，然后开始进行分割，即可得到比较复杂的布局。
分割原则是：先水平，再竖直，从左到右，从上到下
下面显示一个九宫格布局：
这里写图片描述
实现代码

<code class="language-C++ hljs lasso has-numbering">removeAllDock();
<span class="hljs-comment">//原则，先左右，再上下</span>
addDockWidget(Qt<span class="hljs-tag">::LeftDockWidgetArea</span>,ui<span class="hljs-subst">-></span>dockWidget_1);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_1,ui<span class="hljs-subst">-></span>dockWidget_2,Qt<span class="hljs-tag">::Horizontal</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_2,ui<span class="hljs-subst">-></span>dockWidget_3,Qt<span class="hljs-tag">::Horizontal</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_1,ui<span class="hljs-subst">-></span>dockWidget_4,Qt<span class="hljs-tag">::Vertical</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_2,ui<span class="hljs-subst">-></span>dockWidget_5,Qt<span class="hljs-tag">::Vertical</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_3,ui<span class="hljs-subst">-></span>dockWidget_6,Qt<span class="hljs-tag">::Vertical</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_4,ui<span class="hljs-subst">-></span>dockWidget_7,Qt<span class="hljs-tag">::Vertical</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_5,ui<span class="hljs-subst">-></span>dockWidget_8,Qt<span class="hljs-tag">::Vertical</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_6,ui<span class="hljs-subst">-></span>dockWidget_9,Qt<span class="hljs-tag">::Vertical</span>);
showDock();</code><ul class="pre-numbering" style=""><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li></ul>

这里写图片描述
实现代码：

<code class="language-C++ hljs lasso has-numbering">removeAllDock();
<span class="hljs-comment">//原则，先左右，再上下</span>
addDockWidget(Qt<span class="hljs-tag">::LeftDockWidgetArea</span>,ui<span class="hljs-subst">-></span>dockWidget_1);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_1,ui<span class="hljs-subst">-></span>dockWidget_2,Qt<span class="hljs-tag">::Horizontal</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_2,ui<span class="hljs-subst">-></span>dockWidget_3,Qt<span class="hljs-tag">::Horizontal</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_1,ui<span class="hljs-subst">-></span>dockWidget_4,Qt<span class="hljs-tag">::Vertical</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_3,ui<span class="hljs-subst">-></span>dockWidget_6,Qt<span class="hljs-tag">::Vertical</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_4,ui<span class="hljs-subst">-></span>dockWidget_7,Qt<span class="hljs-tag">::Vertical</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_6,ui<span class="hljs-subst">-></span>dockWidget_9,Qt<span class="hljs-tag">::Vertical</span>);
showDock(QList<span class="hljs-subst"><</span>int<span class="hljs-subst">></span>()<span class="hljs-subst"><<</span> <span class="hljs-number">0</span><span class="hljs-subst"><<</span><span class="hljs-number">1</span><span class="hljs-subst"><<</span><span class="hljs-number">2</span><span class="hljs-subst"><<</span><span class="hljs-number">3</span><span class="hljs-subst"><<</span><span class="hljs-number">5</span><span class="hljs-subst"><<</span><span class="hljs-number">6</span><span class="hljs-subst"><<</span><span class="hljs-number">8</span>);</code><ul class="pre-numbering" style=""><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li></ul>

这里写图片描述
实现代码：

<code class="language-C++ hljs lasso has-numbering">removeAllDock();
addDockWidget(Qt<span class="hljs-tag">::TopDockWidgetArea</span>,ui<span class="hljs-subst">-></span>dockWidget_1);
addDockWidget(Qt<span class="hljs-tag">::LeftDockWidgetArea</span>,ui<span class="hljs-subst">-></span>dockWidget_2);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_2,ui<span class="hljs-subst">-></span>dockWidget_3,Qt<span class="hljs-tag">::Horizontal</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_3,ui<span class="hljs-subst">-></span>dockWidget_4,Qt<span class="hljs-tag">::Horizontal</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_2,ui<span class="hljs-subst">-></span>dockWidget_5,Qt<span class="hljs-tag">::Horizontal</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_3,ui<span class="hljs-subst">-></span>dockWidget_6,Qt<span class="hljs-tag">::Horizontal</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_4,ui<span class="hljs-subst">-></span>dockWidget_7,Qt<span class="hljs-tag">::Horizontal</span>);
showDock(QList<span class="hljs-subst"><</span>int<span class="hljs-subst">></span>()<span class="hljs-subst"><<</span> <span class="hljs-number">0</span><span class="hljs-subst"><<</span><span class="hljs-number">1</span><span class="hljs-subst"><<</span><span class="hljs-number">2</span><span class="hljs-subst"><<</span><span class="hljs-number">3</span><span class="hljs-subst"><<</span><span class="hljs-number">4</span><span class="hljs-subst"><<</span><span class="hljs-number">5</span><span class="hljs-subst"><<</span><span class="hljs-number">6</span>);</code><ul class="pre-numbering" style=""><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li></ul>

反正就是用splitDockWidget和addDockWidget你想怎么布置就怎么布置。

tabifyDockWidget

此函数就是实现tab合并功能
直接看看下面例子：
这里写图片描述
实现原理：

<code class="language-C++ hljs lasso has-numbering">removeAllDock();
addDockWidget(Qt<span class="hljs-tag">::LeftDockWidgetArea</span>,ui<span class="hljs-subst">-></span>dockWidget_1);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_1,ui<span class="hljs-subst">-></span>dockWidget_2,Qt<span class="hljs-tag">::Horizontal</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_2,ui<span class="hljs-subst">-></span>dockWidget_3,Qt<span class="hljs-tag">::Horizontal</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_1,ui<span class="hljs-subst">-></span>dockWidget_4,Qt<span class="hljs-tag">::Vertical</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_2,ui<span class="hljs-subst">-></span>dockWidget_5,Qt<span class="hljs-tag">::Vertical</span>);
splitDockWidget(ui<span class="hljs-subst">-></span>dockWidget_3,ui<span class="hljs-subst">-></span>dockWidget_6,Qt<span class="hljs-tag">::Vertical</span>);
tabifyDockWidget(ui<span class="hljs-subst">-></span>dockWidget_1,ui<span class="hljs-subst">-></span>dockWidget_7);
tabifyDockWidget(ui<span class="hljs-subst">-></span>dockWidget_5,ui<span class="hljs-subst">-></span>dockWidget_8);
tabifyDockWidget(ui<span class="hljs-subst">-></span>dockWidget_3,ui<span class="hljs-subst">-></span>dockWidget_9);
showDock();</code><ul class="pre-numbering" style=""><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li></ul>

代码：
本例代码下载：本例代码免积分-


FROM:  http://blog.csdn.net/czyt1988/article/details/51209619

imxiangzi
关注
  • 1
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt布局管理： 停靠窗口QDockWidget类（纯代码实现）
好儿郎~志在四方
05-29 2万+
详细描述： QDockWidget类提供了一个窗体部件,其可以停靠在QMainWindow，或其本身作为一个在桌面上的顶级窗口（也就是父窗体）。 QDockWidget类提供了dock widget的概念，dock widget也就是我们熟悉的工具面板或者是工具窗口。
QtDockWidget布局设置(bd7iow)
bd7iow的博客
08-03 618
QtDockWidfet角落属性配置
PyQt6第五章容器布局之5.2窗口布局（5.2.2停靠：QDockWidget)
qq_43960238的博客
04-26 532
没有直接使用布局管理器（如。）的位置和大小是直接设置的。
QT之 QDockWidget 应用总结
学之知之的博客
10-04 5205
1. 简介 要用QDockWidget就不得不提QMainWindow。 1.1 QMainWindow The QMainWindow class provides a main application window. QMainWindow类提供一个主应用窗口 A main window provides a framework for building an application...
Qt5 学习之路及嵌入式开发教程10： Qt5布局管理之QSplitter、QDockWidget和QStackedWidget
fjqlldg的专栏
04-03 1209
Qt5 学习之路及嵌入式开发教程10： Qt5布局管理之QSplitter、QDockWidget和QStackedWidget 这次三个任务要完成QSplitter、QDockWidget和QStackedWidget的界面设计及代码编写 一、QSplitter 分割窗口布局 1、界面式布局 建立项目工程文件 （1）、建立应用程序 ​ 选择后，命名、两个下一步后...
QT QDockWidget 重叠方法
热门推荐
技术改变人生
06-20 1万+
主要通过如下红色代码的方法实现 效果图片如下： 代码如下： void MainWindow::createDockWindows(){    QDockWidget *dock = new QDockWidget(tr("Customers"), this);    dock->setAllowedAreas(Qt::LeftDockWidgetArea |
调整QDockWidget的边框宽窄
Finull1的博客
09-08 2170
例如在QDockWidget中使用addWidget()添加QTreeView 那么调整QDockWidget的边框使用QDockWidget::setContentMargins() 注意1: 不要在QDockWidget调用layout(),或者设置setLayout(),此接口不生效 给QDockWidget添加内容只能使用addWidget() 注意2: 当我们给dockWidget中添加复杂元素时 QWidget* widget = new QWidget(); QVBoxLayout* layo
Qt dock小部件的使用
进击的小程序员
11-24 1262
今天复习发现的一个dock部件，这是一个非常好用的拖拉界面的部件。 其一：分页。 在这之前我自己写过类似浏览器的添加页签（也包括那个 关闭按钮，这边dock可以自己自定义控件）。 当时也用到了许多知识点，过程写的稍显复杂。（需要用QMap键值对来存取，每一个页面对应一个html等等。。。）现在发现可以直接使用dock小部件来完成这项功能。 其二：拖拉窗口。 将分页拖拉出来，这也是浏览器的功能之一。稍显可惜的是前面我说我自己做过类似浏览器分页的这款功能，但我当时并没有考虑到这个技术点，所以也并不知道自己写
Qt之容器控件（QDockWidget）
Shijia Yin
03-22 1622
简述 QDockWidget类提供了一个小部件，它可以停靠在QMainWindow内，也可以作为桌面上的顶层窗口浮动。 功能详述 QDockWidget提供了铆接（停靠）控件的概念，也叫做工具窗口。铆接窗口是QMainWindow中心控件的辅助窗口，停放在QMainWindow的铆接区域，铆接区域如下所示： 铆接部件可以在铆接区域移动，或者浮动。QDockWidget提供了API来控制铆接部...
吐血推荐珍藏的Visual Studio Code插件(推荐)
10-15
Visual Studio Code（VSC）是一款深受开发者喜爱的轻量级代码编辑器，它拥有丰富的插件生态，能够极大地提升开发者的生产力。以下是一些被高度推荐的VSC插件及其功能详解： 1. **Material Theme**：这款插件提供了...
Qt中QDockWidget类的使用实例
07-24
本实例详细说明了在Qt中如何使用QDockWidget类，即在QMainWindow的框架下向各个停靠区添加QDockWidget窗体。当然可以自己设计ui，创建需要添加的窗体。对Qt初学者有极大的参考价值。
详解Python if-elif-else知识点
12-25
有的时候，一个 if … else … 还不够用。...这样写出来，我们就得到了一个两层嵌套的 if … else … 语句。这个逻辑没有问题，但是，如果继续增加条件，比如3岁以下是 baby： if age >= 18: print
Visual Studio
06-13
Visual Studio 快捷键详解 Visual Studio 是一款功能强大且流行的集成开发环境（IDE），它提供了许多实用的快捷键来提高编程速度和效率。下面将详细介绍 Visual Studio 的快捷键，帮助开发者更好地使用 Visual ...
Microsoft Visual Studio 2008快捷键大全
02-27
《Microsoft Visual Studio 2008 快捷键详解与高效开发指南》 Microsoft Visual Studio 2008（简称VS）是微软公司推出的一款强大的集成开发环境，它提供了丰富的功能和工具，使得开发者能够更高效地编写和调试代码...
LINQ to SQL语句.docx
05-14
Linq to SQL 语句详解 Linq to SQL 是一种允许开发者使用面向对象编程语言（如C#、VB.NET）编写数据库查询语句的技术。下面我们将详细介绍 Linq to SQL 语句的使用方法和相关知识点。 一、 Linq to SQL 语句(1)之 ...
Qt | 嵌套布局及布局位于容器中
最新发布
m0_45463480的博客
05-22 54
嵌套布局就是指的布局管理器中安装其他布局管理器的情况。使用嵌套布局，需使用布局 管理器类中的addLayout()或insertLayout()函数将子布局安装进来，因各种类型的布局管 理器对嵌套布局的处理情况不相同，因此本小节以QBoxLayout及其子类为例进行讲解。
Qt中使用QDockWidget实现类似VS界面布局
wb175208的专栏
01-02 7620
在常用的编程工具中，VS是以其功能强大深受大家的喜爱，下面通过QT实现类似于VS界面的界面，可以拖动和调整。 先看一下效果图： 主要是利用以下两个函数： void QMainWindow::splitDockWidget(QDockWidget * first, QDockWidget * second, Qt::Orientation orientation)； 此函数的功能是把两个dock...
【PyQT5】在QMainWindow中实现QDockWidget的大小等比例变化
weixin_43000172的博客
10-26 1949
使用QMainWindow的resizeDocks函数来实现DockWidget随主窗口大小的等比例变化 有两个dock，分别为dock1，dock2，要使这两个窗口的宽度比例固定为1:4 使用以下代码实现 QMainWindow.resizeDocks([dock1,dock2],[width1,width2],QtCore.Qt.Horizontal) 参数1为两个dock的列表，参数2为宽度的列表，参数3为两个窗口的排列方向 重写主窗口的resizeEvent函数，确保每一次主窗口大小改变，两个do
qdockwidget嵌套布局
11-01
QDockWidget是一个可以嵌入在QMainWindow中的可调整大小的窗口部件，可以用来创建多个可停靠的子窗口。嵌套布局是指在QDockWidget中使用其他布局管理器来管理内部子部件的摆放。 在使用QDockWidget创建子窗口时，我们可以通过setWidget方法将一个QWidget对象设置为QDockWidget的内部部件。这样我们就可以在QWidget中使用其他布局管理器来控制内部子部件的布局。 常用的布局管理器有QVBoxLayout、QHBoxLayout、QGridLayout等。我们可以在QWidget中使用这些布局管理器来实现各种复杂的子部件布局。 例如，我们可以通过QVBoxLayout来在QDockWidget中嵌套垂直布局，然后再在垂直布局中添加其他QWidget子部件。具体的代码如下所示： ``` QDockWidget *dockWidget = new QDockWidget("Dock Widget", this); QWidget *widget = new QWidget(dockWidget); QVBoxLayout *layout = new QVBoxLayout(widget); QPushButton *button1 = new QPushButton("Button 1"); QPushButton *button2 = new QPushButton("Button 2"); QPushButton *button3 = new QPushButton("Button 3"); layout->addWidget(button1); layout->addWidget(button2); layout->addWidget(button3); dockWidget->setWidget(widget); addDockWidget(Qt::LeftDockWidgetArea, dockWidget); ``` 在这个例子中，我们创建了一个QDockWidget对象，并将其命名为"Dock Widget"。然后我们创建了一个QWidget对象并设置为QDockWidget的内部部件，最后我们创建了一个垂直布局管理器，并将三个QPushButton子部件添加到布局中。最后，我们将QWidget设置为QDockWidget的内部部件，并通过addDockWidget方法将QDockWidget添加到主窗口中。 通过这种方式，我们可以根据需求嵌套多个布局管理器，并灵活地控制子部件的布局方式，达到更加丰富和灵活的界面设计效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值