PyQt之QHBoxLayout、QVBoxLayout 与QGridLayout

最新推荐文章于 2023-01-28 19:38:03 发布
最新推荐文章于 2023-01-28 19:38:03 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： PyQt编程(python GUI)

一. QHBoxLayout 
先来看官方对QHBoxLayout 是怎样介绍的，原文如下： 
The QHBoxLayout class lines up widgets horizontally. 
QHBoxLayout 类将各部件水平排列。 
This class is used to construct horizontal box layout objects. See QBoxLayout for details. 
这个类用来构建水平框布局对象，更详细的信息请看QBoxLayout。 
The simplest use of the class is like this: 
这个类最简单的用法像下面这样：

<code class="hljs lasso has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;">     QWidget <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">*</span>window <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">=</span> <span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">new</span> QWidget;
     QPushButton <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">*</span>button1 <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">=</span> <span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">new</span> QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"One"</span>);
     QPushButton <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">*</span>button2 <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">=</span> <span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">new</span> QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Two"</span>);
     QPushButton <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">*</span>button3 <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">=</span> <span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">new</span> QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Three"</span>);
     QPushButton <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">*</span>button4 <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">=</span> <span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">new</span> QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Four"</span>);
     QPushButton <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">*</span>button5 <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">=</span> <span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">new</span> QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Five"</span>);

     QHBoxLayout <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">*</span>layout <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">=</span> <span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">new</span> QHBoxLayout;
     layout<span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">-></span>addWidget(button1);
     layout<span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">-></span>addWidget(button2);
     layout<span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">-></span>addWidget(button3);
     layout<span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">-></span>addWidget(button4);
     layout<span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">-></span>addWidget(button5);

     window<span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">-></span>setLayout(layout);
     window<span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">-></span>show();</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li></ul>

First, we create the widgets we want in the layout. Then, we create the QHBoxLayout object and add the widgets into the layout. Finally, we call QWidget.setLayout() to install the QHBoxLayout object onto the widget. At that point, the widgets in the layout are reparented to have window as their parent. 
首先，在这个布局里面我们创建了我们想要的widget(部件)。 然后，我们创建了QHBoxLayout类的一个对象并且把我们刚才创建的widget(部件)加入到了这个对象里。 最后，我们调用了QWidget.setLayout()方法将QHBoxLayout对象“安装”到了widget里。在那一点上，布局里的各个widget（部件）让window(窗口)成为了他们的父部件（这句真不好翻译，翻得不对请高手赐教^_^）。 
上面的描述是官方介绍的，其实说白了就是，先定义一个QHBoxLayout对象（new出来），然后调用该对象的addWidget方法添加部件（按钮、文本等等）， 
这些刚刚添加进去的部件们在布局管理器中是水平排列的。这个时候这些部件是不能显示的，我们还要将他们与一个对象（QWidget对象、 
QMainWindow对象或QDialog对象）进行“绑定”（原文里是install），然后调用该对象的show方法才能显示出来。

<code class="hljs python has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">import</span> sys
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">from</span> PyQt4 <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">import</span> QtGui

<span class="hljs-class" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">class</span> <span class="hljs-title" style="box-sizing: border-box; color: rgb(102, 0, 102);">HLayout</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">(QtGui.QWidget)</span>:</span>
    <span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">def</span> <span class="hljs-title" style="box-sizing: border-box;">__init__</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">(self)</span>:</span>
        QtGui.QWidget.__init__(self)

        button1 = QtGui.QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"1"</span>)
        button2 = QtGui.QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"2"</span>)
        button3 = QtGui.QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"3"</span>)
        button4 = QtGui.QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"4"</span>)
        button5 = QtGui.QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"5"</span>)

        hbox = QtGui.QHBoxLayout()
        hbox.addStretch(<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">10</span>)
        hbox.addWidget(button1)
        hbox.addWidget(button2)
        hbox.addWidget(button3)
        hbox.addWidget(button4)
        hbox.addWidget(button5)

        self.setLayout(hbox)
        self.setWindowTitle(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'box layout'</span>)
        self.resize(<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">300</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">400</span>)

app = QtGui.QApplication(sys.argv)
ex = HLayout()
ex.show()
sys.exit(app.exec_())
</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li><li style="box-sizing: border-box; padding: 0px 5px;">29</li><li style="box-sizing: border-box; padding: 0px 5px;">30</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li><li style="box-sizing: border-box; padding: 0px 5px;">29</li><li style="box-sizing: border-box; padding: 0px 5px;">30</li></ul>

大家将该文件保存为’name’(自己取个名字).py，只要搭建好了PyQt的开发环境就可双击运行它了（至于怎么搭建环境请参考我另一篇博客）。 
运行效果如下图所示： 
这里写图片描述 
二. QVBoxLayout 
我们先来看官方解释： 
The QVBoxLayout class lines up widgets vertically. 
QVBoxLayout 类将各部件垂直排列。 
This class is used to construct vertical box layout objects. See QBoxLayout for details. 
这个类用来构建垂直框布局对象，更详细的信息请看QBoxLayout。 
The simplest use of the class is like this: 
这个类最简单的用法像下面这样：

<code class="hljs lasso has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;">QWidget <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">*</span>window <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">=</span> <span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">new</span> QWidget;
     QPushButton <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">*</span>button1 <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">=</span> <span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">new</span> QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"One"</span>);
     QPushButton <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">*</span>button2 <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">=</span> <span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">new</span> QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Two"</span>);
     QPushButton <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">*</span>button3 <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">=</span> <span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">new</span> QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Three"</span>);
     QPushButton <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">*</span>button4 <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">=</span> <span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">new</span> QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Four"</span>);
     QPushButton <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">*</span>button5 <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">=</span> <span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">new</span> QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"Five"</span>);

     QVBoxLayout <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">*</span>layout <span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">=</span> <span class="hljs-literal" style="color: rgb(0, 102, 102); box-sizing: border-box;">new</span> QVBoxLayout;
     layout<span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">-></span>addWidget(button1);
     layout<span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">-></span>addWidget(button2);
     layout<span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">-></span>addWidget(button3);
     layout<span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">-></span>addWidget(button4);
     layout<span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">-></span>addWidget(button5);

     window<span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">-></span>setLayout(layout);
     window<span class="hljs-subst" style="color: rgb(0, 0, 0); box-sizing: border-box;">-></span>show();</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li></ul>

First, we create the widgets we want in the layout. Then, we create the QVBoxLayout object and add the widgets into the layout. Finally, we call QWidget.setLayout() to install the QVBoxLayout object onto the widget. At that point, the widgets in the layout are reparented to have window as their parent. 
首先，在这个布局里面我们创建了我们想要的widget(部件)。然后，我们创建了QVBoxLayout类的一个对象并且把我们刚才创建的widget(部件)加入到了这个对象里。 最后，我们调用了QWidget.setLayout()方法将QVBoxLayout对象“安装”到了widget里。在那一点上，布局里的各个widget（部件）让window(窗口)成为了他们的父部件。 
由于这个与QHBoxLayout类似，我们就不做过多介绍了，直接看PyQt怎么用这个类：

<code class="hljs python has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">import</span> sys
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">from</span> PyQt4 <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">import</span> QtGui

<span class="hljs-class" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">class</span> <span class="hljs-title" style="box-sizing: border-box; color: rgb(102, 0, 102);">VLayout</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">(QtGui.QWidget)</span>:</span>
    <span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">def</span> <span class="hljs-title" style="box-sizing: border-box;">__init__</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">(self)</span>:</span>
        QtGui.QWidget.__init__(self)

        button1 = QtGui.QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"1"</span>)
        button2 = QtGui.QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"2"</span>)
        button3 = QtGui.QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"3"</span>)
        button4 = QtGui.QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"4"</span>)
        button5 = QtGui.QPushButton(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"5"</span>)

        vbox = QtGui.QVBoxLayout()
        vbox.addStretch(<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1000</span>)
        vbox.addWidget(button1)
        vbox.addWidget(button2)
        vbox.addWidget(button3)
        vbox.addWidget(button4)
        vbox.addWidget(button5)

        self.setLayout(vbox)
        self.setWindowTitle(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'box layout'</span>)
        self.resize(<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">300</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">400</span>)

app = QtGui.QApplication(sys.argv)
ex = VLayout()
ex.show()
sys.exit(app.exec_())
</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li><li style="box-sizing: border-box; padding: 0px 5px;">29</li><li style="box-sizing: border-box; padding: 0px 5px;">30</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li><li style="box-sizing: border-box; padding: 0px 5px;">29</li><li style="box-sizing: border-box; padding: 0px 5px;">30</li></ul>

运行效果如下图所示： 
这里写图片描述

三. QGridLayout 
这个类比较重要，我们讲得详细一点。 
同样的，我们先来看官方的介绍，不能跳过这一part，毕竟官方是最权威的^_^。 
The QGridLayout class lays out widgets in a grid. 
QGridLayout类将各个widget(部件)按grid(网格)排列。 
QGridLayout takes the space made available to it (by its parent layout or by the parentWidget()), divides it up into rows and columns, and puts each widget it manages into the correct cell. 
QGridLayout获取可用空间（这些空间来自于父layout(布局)或调用parentWidget方法返回的layout），将这些空间分割为行和列，然后将他管理的每个widget（部件）依次放进正确的格子（注：cell原意为细胞、小房子，请原谅我将它翻成格子^_^）里。 
Columns and rows behave identically; we will discuss columns, but there are equivalent functions for rows. 
行和列表现相同；我们将讨论列，但是对于行都有equivalent(等价的，相等的)方法。 
Each column has a minimum width and a stretch factor. The minimum width is the greatest of that set using setColumnMinimumWidth() and the minimum width of each widget in that column. The stretch factor is set using setColumnStretch() and determines how much of the available space the column will get over and above its necessary minimum.

Normally, each managed widget or layout is put into a cell of its own using addWidget(). It is also possible for a widget to occupy multiple cells using the row and column spanning overloads of addItem() and addWidget(). If you do this, QGridLayout will guess how to distribute the size over the columns/rows (based on the stretch factors).

To remove a widget from a layout, call removeWidget(). Calling QWidget.hide() on a widget also effectively removes the widget from the layout until QWidget.show() is called. 
每列都有一个最小宽度和一个伸展因子。调用setColumnMinimumWidth方法可设置最小宽度，调用setColumnStretch方法可设置伸展因子，伸展因子决定了在所需的最小宽度之上的可用空间。 
通常来说，调用addWidget方法可将他所管理的widget（部件）或layout（布局）添加进自己的cell（小房子，“格子”）中。重载addItem方法和addWidget方法来实现一个widget的跨越多行是可能的。如果你这样做了，QGridLayout 将猜测如何分发行/列的大小（基于伸展因子）。 
调用removeWidget方法可从布局上去掉一个widget（部件）。调用QWidget.hide()方法也可有效的从布局上“去掉”widget（部件），直到QWidget.show() 方法被调用。 
我们来看一个例子：

<code class="hljs python has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">import</span> sys
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">from</span> PyQt4 <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">import</span> QtGui


<span class="hljs-class" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">class</span> <span class="hljs-title" style="box-sizing: border-box; color: rgb(102, 0, 102);">GridLayout</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">(QtGui.QWidget)</span>:</span>

    <span class="hljs-function" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">def</span> <span class="hljs-title" style="box-sizing: border-box;">__init__</span><span class="hljs-params" style="color: rgb(102, 0, 102); box-sizing: border-box;">(self)</span>:</span>
        QtGui.QWidget.__init__(self)

        self.setWindowTitle(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'grid layout'</span>)

        names = [<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'1'</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'2'</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'3'</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'4'</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'5'</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'6'</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'7'</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'8'</span>,
            <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'9'</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'10'</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'11'</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'12'</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'13'</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'14'</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'15'</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'16'</span>,
            <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'17'</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'18'</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'19'</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">'20'</span>]

        grid = QtGui.QGridLayout()

        j = <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>
        pos = [(<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>), (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>), (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">2</span>), (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">3</span>),
                (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>), (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>), (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">2</span>), (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">3</span>),
                (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">2</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>), (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">2</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>), (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">2</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">2</span>), (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">2</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">3</span>),
                (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">3</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>), (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">3</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>), (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">3</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">2</span>), (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">3</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">3</span> ),
                (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">4</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>), (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">4</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>), (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">4</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">2</span>), (<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">4</span>, <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">3</span>)]

        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">for</span> i <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">in</span> names:
            button = QtGui.QPushButton(i)
            grid.addWidget(button, pos[j][<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">0</span>], pos[j][<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>])
            j = j + <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>

        self.setLayout(grid)

app = QtGui.QApplication(sys.argv)
ex = GridLayout()
ex.show()
sys.exit(app.exec_())
</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li><li style="box-sizing: border-box; padding: 0px 5px;">29</li><li style="box-sizing: border-box; padding: 0px 5px;">30</li><li style="box-sizing: border-box; padding: 0px 5px;">31</li><li style="box-sizing: border-box; padding: 0px 5px;">32</li><li style="box-sizing: border-box; padding: 0px 5px;">33</li><li style="box-sizing: border-box; padding: 0px 5px;">34</li><li style="box-sizing: border-box; padding: 0px 5px;">35</li><li style="box-sizing: border-box; padding: 0px 5px;">36</li></ul><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li><li style="box-sizing: border-box; padding: 0px 5px;">29</li><li style="box-sizing: border-box; padding: 0px 5px;">30</li><li style="box-sizing: border-box; padding: 0px 5px;">31</li><li style="box-sizing: border-box; padding: 0px 5px;">32</li><li style="box-sizing: border-box; padding: 0px 5px;">33</li><li style="box-sizing: border-box; padding: 0px 5px;">34</li><li style="box-sizing: border-box; padding: 0px 5px;">35</li><li style="box-sizing: border-box; padding: 0px 5px;">36</li></ul>

程序很简单，运行效果如下图所示： 
这里写图片描述 
视频教程见：http://www.duobei.com/course/6238671512

花里没有海
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt之水平/垂直布局（QBoxLayout、QHBoxLayout、QVBoxLayout）
weixin_34161029的博客
05-30 3906
简述 QBoxLayout可以在水平方向或垂直方向上排列控件，由QHBoxLayout、QVBoxLayout所继承。 QHBoxLayout：水平布局，在水平方向上排列控件，即：左右排列。 QVBoxLayout：垂直布局，在垂直方向上排列控件，即：上下排列。 通过查看源码，我们可以发现，水平布局、垂直布局除了构造时的方向（L...
【PyQt5】一文向您详细介绍 QVBoxLayout() 的作用
最新发布
创作高质量博文，分享知识，共同进步！
06-27 830
🔥【PyQt5新手指南】💥 QVBoxLayout()布局详解🌈 QVBoxLayout，PyQt5中的垂直布局神器！从基础入门到高级应用，带你轻松掌握控件排列的艺术。📐基础布局？轻松搞定！💡高级特性？一网打尽！🌈与其他布局组合？玩转复杂界面！🎨样式定制？随心所欲！📚应用场景？应有尽有！快来开启你的PyQt5布局之旅吧！#PyQt5 #QVBoxLayout #布局管理器 #PythonGUI开发
QHBoxLayout和QVBoxLayout
weixin_44545509的博客
04-27 1315
QHBoxLayout和QVBoxLayout 学习QT到现在，我个人觉得QT挺好学的、也挺难的。好学是因为QT所用的都是类，操作的都是类对象，难呢，是因为都是类，有一些类还需要我们自己去定义、去继承、去重写，我感觉都是一点难点。因为需要理解知道其他的类才可以继承使用。 现在我们先看一下我们最常用的类，我学习到目前为止，基本每一个项目都会用到的类QHBoxLayout和QVBoxLayout,两个...
Qt入门 --- QGridLayout、QHBoxLayout、QVBoxLayout三种常用的布局方式
weixin_40643198的博客
03-04 4120
标题 ： Qt入门 — QGridLayout、QHBoxLayout、QVBoxLayout三种常用的布局方式 Qt的布局是通过布局管理器来实现的，布局管理器负责在父类窗口部件区域构建子窗口部件，使得放置在窗体中的每个窗口部件都有一个适合的大小和位置，并且能够随着应用程序本身的变化而变化从而达到不改变整体的布局的结构的效果。 Qt常用的三种布局类如下： （1）QHBoxLayout：水平布局 ...
Qt下布局器的使用(QHBoxLayout 、 QVBoxLayout、 QGridLayout)
Mr.Sugarcane
02-17 1130
在这里跟大家简单的分享下比较基础的布局器的使用。Qt下常用的布局器为三种，水平布局器（QHBoxLayout）、垂直布局器（QVBoxLayout）和栅格布局器（QGridLayout）这三种。单个布局器的简单使用如下：#ifndef USINGLAYOUT_H #define USINGLAYOUT_H #include &lt;QWidget&gt; #include"QLayout...
python GUI库图形界面开发之PyQt5布局控件QGridLayout详细使用方法与实例
12-20
QGridLayout是PyQt5中的布局管理器之一，它允许开发者将窗口划分为网格，并且可以方便地组织控件（Widget）在这些网格中，确保界面在不同屏幕尺寸下仍能保持良好的布局。 QGridLayout的主要特点是将窗口空间划分为...
pyqt5_pyqt5快速开发与实战_
09-29
5. 在设计界面时，避免硬编码控件的位置和大小，而是使用相对布局（如`QVBoxLayout`、`QHBoxLayout`或`QGridLayout`），这样可以更好地适应不同分辨率的屏幕。 6. 最后，如果遇到特定控件的显示问题，可以查阅PyQT5...
PyQt5快速开发与实战部分代码
07-15
3. **布局管理**：PyQT5提供流式布局（QVBoxLayout, QHBoxLayout）、网格布局（QGridLayout）和盒式布局（QFormLayout）等，帮助自动调整和排列窗口部件，适应不同大小的窗口或屏幕。 4. **设计界面**：通过Qt ...
PyQt5快速开发与实战.zip
05-16
主要有网格布局（QGridLayout）、水平布局（QHBoxLayout）、垂直布局（QVBoxLayout）和流式布局（QFormLayout）等。 6. **信号与槽**：当一个事件发生时，如点击按钮，会产生一个信号。你可以将这个信号连接到一个...
PyQt5快速开发与实战源码.rar
08-17
常见布局有网格布局（QGridLayout）、流式布局（QVBoxLayout和QHBoxLayout）以及盒式布局（QBoxLayout）。 5. **模型/视图/控制器（MVC）**：PyQt5支持MVC架构，这在处理复杂数据和表格展示时特别有用。...
qt中QVBoxLayout,QHBoxLayout布局中实现控件的动态加载与显示
10-09
这是一个qt的小项目，主要是为了展示如何在QVBoxLayout或者QHBoxLayout布局下动态的进行控件的加载与展示
QBoxLayout、QHBoxLayout、QVBoxLayout
友善啊，朋友的博客
01-26 2569
QBoxLayout 一、描述 QBoxLayout 占用它获得的空间（来自其父布局或来自 parentWidget()），将其分成一排框，并使每个托管小部件填充一个框。 创建 QBoxLayout 的最简单方法是使用便利类，QHBoxLayout（用于 Qt::Horizo​​ntal 框）或 QVBoxLayout（用于 Qt::Vertical 框）。也可以直接使用 QBoxLayout 构造函数，并指定其方向。 二、类型成员 1、enum QBoxLayout::Directio.
QT QGridLayout QHBoxLayout QVBoxLayout 布局管理器运用
ziyi_bj的专栏
10-11 1946
最近在学习QT编程，在百度贴吧中看到有人问关于窗口布局的问题 结合最近学到的东西 用代码实现了下该功能 http://tieba.baidu.com/p/2473655082  QWidget* widget = new QWidget; widget->setFixedSize(350,300); widget->setWindowTitle("Unico
Qt QHBoxLayout 和QVBoxLayout 布局
倒斗拉比
03-28 415
主要有 三个widget.h widget.cpp main.cpp #ifndef WIDGET_H #define WIDGET_H #include <QWidget> class Widget : public QWidget{ Q_OBJECT public: Widget(QWidget *parent = 0); ~Widge...
Qt-水平垂直动态布局-实用解析-QHBoxLayout-QVBoxLayout
插件开发
03-25 5420
Qt是一个具有强大生命力的C++开发套件集合，可以非常迅速的按照客户需求构建对应的软件产品，本文针对QHBoxLayout和QVBoxLayout两个类来讲解，如何采用代码来动态构建窗口界面。 1.QHBoxLayout和QVBoxLayout源码解析 从官方文档查阅，该类用于构建水平布局。类源码如下所示： class Q_WIDGETS_EXPORT QHBoxLayout : public QBoxLayout { Q_OBJECT public: QHBoxLayout();
[QT_045]Qt学习之水平（QHBoxLayout ）和垂直布局器（QVBoxLayout）
kongcheng253的博客
01-28 6975
Qt学习之水平（QHBoxLayout ）和垂直布局器（QVBoxLayout）
【PyQt5】详解QHBoxLayout和QVBoxLayout
北极星的博客
10-03 7173
1. 简介 QHBoxLayout和QVBoxLayout是用来布局的，前者用来水平布局，后者用来垂直布局。 水平布局 垂直布局 2.
pyqt QBoxLayout
boss212的博客
08-05 850
#说一下思路： #第一步：产生widget，pushbutton，和label，并设置Widge的title（5行） #第二步：产生行方向的layout，然后拉伸，然后把label那个widget放进去，再拉伸（4行） #第三步：产生列方向的layout，然后把button那个widget放进去，再把前面那个layout也放进去 （3行） #第四步：把列方向的layout放进到大widget里头
详细说一下pyqt5中QHBoxLayout、QVBoxLayout、QGridLayout、QFormLayout、QStackedLayout类及内置函数的具体用法以及原理
07-14
在PyQt5中，布局管理器是用于管理和排列窗口中的控件的类。下面我们详细介绍QHBoxLayout、QVBoxLayout、QGridLayout、QFormLayout和QStackedLayout类的具体用法和原理，以及它们的一些常用内置函数。 1. QHBoxLayout（水平布局）： - 用法：将控件按照水平方向依次排列。 - 内置函数： - addWidget(widget, stretch=0, alignment=Qt.Alignment)：向布局添加控件，并指定控件的拉伸因子和对齐方式。 - addSpacing(space)：在布局中添加指定大小的空白间隔。 - addStretch(stretch=0)：在布局中添加指定大小的可伸缩空间。 - insertSpacing(index, space)：在指定位置插入指定大小的空白间隔。 - insertStretch(index, stretch=0)：在指定位置插入指定大小的可伸缩空间。 2. QVBoxLayout（垂直布局）： - 用法：将控件按照垂直方向依次排列。 - 内置函数与QHBoxLayout相似，只是排列方向不同。 3. QGridLayout（网格布局）： - 用法：将控件放置在一个网格中，按照行和列进行排列。 - 内置函数： - addWidget(widget, row, column, rowspan=1, colspan=1, alignment=Qt.Alignment)：向布局添加控件，并指定其在网格布局中的位置、跨行列的数量和对齐方式。 - addLayout(layout, row, column, rowspan=1, colspan=1, alignment=Qt.Alignment)：向布局添加子布局，并指定其在网格布局中的位置、跨行列的数量和对齐方式。 - setRowStretch(row, stretch)：设置指定行的可伸缩空间。 - setColumnStretch(column, stretch)：设置指定列的可伸缩空间。 4. QFormLayout（表单布局）： - 用法：用于创建表单界面，将标签和输入控件组合在一起。 - 内置函数： - addRow(label, field)：添加一行标签和输入控件。 - setAlignment(label, alignment)：设置标签的对齐方式。 - setFormAlignment(alignment)：设置表单布局中所有标签的对齐方式。 5. QStackedLayout（堆叠布局）： - 用法：用于在同一位置堆叠多个控件，只显示其中一个。 - 内置函数： - addWidget(widget)：向布局添加控件。 - insertWidget(index, widget)：在指定位置插入控件。 - setCurrentIndex(index)：设置当前显示的控件索引。 - currentWidget() -> QWidget：返回当前显示的控件。 这些布局管理器类的原理是通过计算和调整控件的位置和大小来实现自动适应窗口大小的布局效果。它们会根据不同的排列方向、行列数等参数，将控件摆放在正确的位置。通过设置拉伸因子、间隔、可伸缩空间等属性，可以调整控件的尺寸和位置关系。 总结起来，我们可以根据界面的布局需求选择合适的布局管理器，并使用其内置函数来添加和调整控件。这样可以方便地实现灵活且自适应的界面布局。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值