⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 layout.html

📁 QT参考文档
💻 HTML
字号:
🔍 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- /home/reggie/tmp/qt-3.0-reggie-5401/qt-win-commercial-3.0.5/doc/layout.doc:36 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="Translator" content="Cavendish">
<meta name="Qt zh_CN Documents Website" content="http://www.qiliang.net/qt">
<title>布局类</title>
<style type="text/css"><!--
h3.fn,span.fn { margin-left: 1cm; text-indent: -1cm; }
a:link { color: #004faf; text-decoration: none }
a:visited { color: #672967; text-decoration: none }
body { background: #ffffff; color: black; font-family: "Times New Roman" }
--></style>
</head>
<body>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr bgcolor="#E5E5E5">
<td valign=center>
 <a href="index.html">
<font color="#004faf">主页</font></a>
 | <a href="classes.html">
<font color="#004faf">所有的类</font></a>
 | <a href="mainclasses.html">
<font color="#004faf">主要的类</font></a>
 | <a href="annotated.html">
<font color="#004faf">注释的类</font></a>
 | <a href="groups.html">
<font color="#004faf">分组的类</font></a>
 | <a href="functions.html">
<font color="#004faf">函数</font></a>
</td>
<td align="right" valign="center"><img src="logo32.png" align="right" width="64" height="32" border="0"></td></tr></table>
<h1 align=center>布局类</h1>

 
<p> Qt的布局系统提供了一个规定子窗口部件布局的简单的和强有力的方式。
<p> 当你一旦规定了合理的布局，你就会获得如下利益：
<ul>
<li> 布置子窗口部件。
<li> 最高层窗口部件可感知的默认大小。
<li> 最高层窗口部件可感知的最小大小。
<li> 调整大小的处理。
<li> 当内容改变的时候自动更新：
<ul>
<li> 字体大小、文本或者子窗口部件的其它内容。
<li> 隐藏或者显示子窗口部件。
<li> 移去一些子窗口部件。
</ul>
</ul>
<p> Qt的布局类使用手写的C++代码设计的，所以它们很容易被理解和使用。
<p> 手写的布局代码的不利是当你在试验设计一个视窗并且你不得不为每一个改变进行编译、连接和运行这样一个循环的时候它不是非常方便的。我们的解决方案是<a href="designer-manual.html">Qt设计器</a>，一种可以快速建立和很容易地试验布局和为你生成C++布局代码地图形用户界面可视化设计工具。
<p> <h2> 布局窗口部件
</h2>
<a name="1"></a><p> 给你的窗口部件一个好的布局的最好的方法是使用这些布局窗口部件：<a href="qhbox.html">QHBox</a>，<a href="qvbox.html">QVBox</a>和<a href="qgrid.html">QGrid</a>。一个布局窗口部件自已自动地把它们的子窗口部件按照它们被构造地顺序进行布局。为了生成更复杂的布局，你可以嵌入一个布局窗口部件到其它的。
<p> <ul>
<li> 一个<a href="qhbox.html">QHBox</a>把它的子窗口部件从左到右排列在一个水平的行中。
<p> <center><img src="qhbox-m.png" alt="Horizontal box with five child widgets"></center> 
<p> <li> 一个<a href="qvbox.html">QVBox</a>把它的子窗口部件从上到下排列在一个竖直的列中。
<p> <center><img src="qvbox-m.png" alt="Vertical box with five child widgets"></center> 
<p> <li> 一个<a href="qgrid.html">QGrid</a>把它的子窗口部件排列在一个二维的网格中。
你可以规定网格可以有多少列，当前面的一行已经排满，它将会从左到右填充新的一行。网格是被确定的，当这个窗口部件被改变大小的时候，它的子窗口部件不会跑到其它的行。
</ul>
<p> <center><img src="qgrid-m.png" alt="Two-column grid with five child widgets"></center> 
<p> 上述演示的表格是由下面这些代码生成的：
<pre>
    <a href="qgrid.html">QGrid</a> *mainGrid = new <a href="qgrid.html">QGrid</a>( 2 ); // 一个2*n的网格
    new <a href="qlabel.html">QLabel</a>( "One", mainGrid );
    new <a href="qlabel.html">QLabel</a>( "Two", mainGrid );
    new <a href="qlabel.html">QLabel</a>( "Three", mainGrid );
    new <a href="qlabel.html">QLabel</a>( "Four", mainGrid );
    new <a href="qlabel.html">QLabel</a>( "Five", mainGrid );
</pre>
 
<p> 你可以通过对子窗口部件调用<a href="qwidget.html#setMinimumSize">QWidget::setMinimumSize</a>()或<a href="qwidget.html#setFixedSize">QWidget::setFixedSize</a>()来调节布局。
<p> <h2> <a href="qlayout.html">QLayout</a>
</h2>
<a name="2"></a><p> 当你添加一个窗口部件到一个布局中，布局过程工作如下：
<ol type=1>
<li> 所有的窗口部件将最初根据它们的<a href="qwidget.html#sizePolicy">QWidget::sizePolicy</a>()而被分配到一定空间中。
<li> 如果任何一个窗口部件有一个伸展因素设置，而且数值大于零，那么它们就会被根据它们的<a href="#stretch">伸展因素</a>的比例分配空间。
<li> 如果任何一个窗口部件有一个伸展因素设置而且数值为零，那么只有当其它窗口部件不再需要空间的时候才会得到更多的空间。在这当中，空间会首先被根据延展大小策略分配给窗口部件。
<li> 任何窗口部件被分配的空间的大小如果小于它们的最小大小（或者是在没有规定最小大小时的最小大小的提示），它们就会被按它们所需要的最小大小分配空间。（如果窗口部件的伸展因素是它们的决定因素的情况下，它们不必有最小大小或者最小大小的提示。）
<li> 任何窗口部件被分配的空间的大小如果大于它们的最大大小，它们就会被按它们所需要的最大大小分配空间。（如果窗口部件的伸展因素是它们的决定因素的情况下，它们不必有最大大小。）
</ol>
<p> <a name="stretch"></a>
<h3> 伸展因素
<!-- index stretch factor --><a name="stretch-factor"></a>
</h3>
<a name="2-1"></a><p> 窗口部件通常是在没有伸展因素设置的情况下被生成的。当它们被布置到一个布局中时，窗口部件会被根据它们的<a href="qwidget.html#sizePolicy">QWidget::sizePolicy</a>()或者它们的最小大小的提示中大的那一个分配给整个空间的一部分。伸展因素是用来根据窗口部件互相的比例来改变它们所被分配的空间。
<p> 如果你使用一个<a href="qhbox.html">QHBox</a>来布置没有伸展参数设置的三个窗口部件，我们就会得到像下面这样的布局：
<p> <center><img src="layout1.png" alt="3 widgets in a row"></center> 
<p> 如果我们给每个窗口部件设置一个伸展因素，它们就会被按比例布置（但是不能小于最小大小的提示），举例来说：
<p> <center><img src="layout2.png" alt="3 stretch factored widgets in a row"></center> 
<p> <h2> <a href="qlayout.html">QLayout</a>
</h2>
<a name="3"></a><p> 如果你需要控制布局，可以使用<a href="qlayout.html">QLayout</a>的子类。Qt中包括的布局类有<a href="qgridlayout.html">QGridLayout</a>和<a href="qboxlayout.html">QBoxLayout</a>。（<a href="qhboxlayout.html">QHBoxLayout</a>和<a href="qvboxlayout.html">QVBoxLayout</a>是<a href="qboxlayout.html">QBoxLayout</a>很简单的子类，它们可以更简单地使用并且使得代码更容易阅读。）
<p> 当你使用一个布局，你将不得不把每个子窗口部件不仅放到它们的父窗口部件中（这个已经在构造函数中完成），而且要把它们放到它们的布局中（典型地通过调用addWidget()完成）。这个方法中，你可以对每个窗口部件给出布局参数，规定像对齐方式、伸展因素和位置这样的属性。
<p> 下面的代码生成一个和上面的那个网格类似，但有一些改进的网格：
<pre>
    <a href="qwidget.html">QWidget</a> *main = new <a href="qwidget.html">QWidget</a>;

    // 生成一个1*1的网格；它可以自动展开
    <a href="qgridlayout.html">QGridLayout</a> *grid = new <a href="qgridlayout.html">QGridLayout</a>( main, 1, 1 );

    // 根据(行, 列)编址来添加前四个窗口部件
    grid-&gt;<a href="qgridlayout.html#addWidget">addWidget</a>( new <a href="qlabel.html">QLabel</a>( "One", main ), 0, 0 );
    grid-&gt;<a href="qgridlayout.html#addWidget">addWidget</a>( new <a href="qlabel.html">QLabel</a>( "Two", main ), 0, 1 );
    grid-&gt;<a href="qgridlayout.html#addWidget">addWidget</a>( new <a href="qlabel.html">QLabel</a>( "Three", main ), 1, 0 );
    grid-&gt;<a href="qgridlayout.html#addWidget">addWidget</a>( new <a href="qlabel.html">QLabel</a>( "Four", main ), 1, 1 );

    // 添加最后一个窗口部件到第2行，并占用第0列和第1列，中间对齐
    grid-&gt;<a href="qgridlayout.html#addMultiCellWidget">addMultiCellWidget</a>( new <a href="qlabel.html">QLabel</a>( "Five", main ), 2, 2, 0, 1,
                              Qt::AlignCenter );

    // 设置第0列和第1列的宽度比例为2:3
    grid-&gt;<a href="qgridlayout.html#setColStretch">setColStretch</a>( 0, 2 );
    grid-&gt;<a href="qgridlayout.html#setColStretch">setColStretch</a>( 1, 3 );
</pre>
 
<p> 你可以通过把父布局作为子布局构造函数的一个参数来把布局添加到另一个布局中。
<pre>
    <a href="qwidget.html">QWidget</a> *main = new <a href="qwidget.html">QWidget</a>;
    <a href="qlineedit.html">QLineEdit</a> *field = new <a href="qlineedit.html">QLineEdit</a>( main );
    <a href="qpushbutton.html">QPushButton</a> *ok = new <a href="qpushbutton.html">QPushButton</a>( "OK", main );
    <a href="qpushbutton.html">QPushButton</a> *cancel = new <a href="qpushbutton.html">QPushButton</a>( "Cancel", main );
    <a href="qlabel.html">QLabel</a> *label = new <a href="qlabel.html">QLabel</a>( "Write once, compile everywhere.", main );

    // 一个窗口部件中的布局
    <a href="qvboxlayout.html">QVBoxLayout</a> *vbox = new <a href="qvboxlayout.html">QVBoxLayout</a>( main );
    vbox-&gt;<a href="qboxlayout.html#addWidget">addWidget</a>( label );
    vbox-&gt;<a href="qboxlayout.html#addWidget">addWidget</a>( field );

    // 一个布局中的布局
    <a href="qhboxlayout.html">QHBoxLayout</a> *buttons = new <a href="qhboxlayout.html">QHBoxLayout</a>( vbox );
    buttons-&gt;<a href="qboxlayout.html#addWidget">addWidget</a>( ok );
    buttons-&gt;<a href="qboxlayout.html#addWidget">addWidget</a>( cancel );
</pre>
 
如果你对默认位置感到不满意，你可以不使用父布局参数来生成一个布局然后通过调用addLayout()把这个布局插入到其它布局中。
<p> <h2> 自定义布局
</h2>
<a name="4"></a><p> 如果内置的布局类不够充分的话，你可以定义你自己的布局类。你必须创建<a href="qlayout.html">QLayout</a>的一个子类来处理重新定义大小和大小的计算，也可以使用<a href="qglayoutiterator.html">QGLayoutIterator</a>的子类来迭代你的布局类。
<p> 如果需要更深的描述，请看<a href="customlayout.html">Custom Layout</a>页。
<p> <h2> 在布局中自定义窗口部件
</h2>
<a name="5"></a><p> 当你创建自己的窗口部件类的时候，你也应该传递它的布局属性。如果这个窗口部件有一个<a href="qlayout.html">QLayout</a>，这样的话就已经被处理了。如果这个窗口部件不包括任何子窗口部件，或者使用自定义布局，你需要重新实现下面这些<a href="qwidget.html">QWidget</a>的成员函数：
<p> <ul>
<li> <a href="qwidget.html#sizeHint">QWidget::sizeHint</a>()返回窗口部件的优先选用的大小。
<li> <a href="qwidget.html#minimumSizeHint">QWidget::minimumSizeHint</a>()返回窗口部件所能有的最小大小。
<li> <a href="qwidget.html#sizePolicy">QWidget::sizePolicy</a>()返回一个<a href="qsizepolicy.html">QSizePolicy</a>；这个值描述的是这个窗口部件所需要的空间。
</ul>
<p> 只要大小提示、最小大小提示或者大小策略发生改变，都要调用<a href="qwidget.html#updateGeometry">QWidget::updateGeometry</a>()。这会引起布局的重新计算。对updateGeometry()的多重调用只会引起一次重新计算。
<p> 如果你的窗口部件的优先选用的高度依赖于它的实际宽度（比如一个自动断词的标签），在<a href="qwidget.html#sizePolicy">sizePolicy</a>()中设置<a href="qsizepolicy.html#hasHeightForWidth">hasHeightForWidth</a>()标记，并且重新实现<a href="qwidget.html#heightForWidth">QWidget::heightForWidth</a>()。
<p> 即使你实现了heightForWidth()，提供一个好的sizeHint()仍然是必需的。sizeHint()提供了窗口部件的优先选用的宽度，并且它经常被不支持heightForWidth()的<a href="qlayout.html">QLayout</a>的子类使用（<a href="qgridlayout.html">QGridLayout</a>和<a href="qboxlayout.html">QBoxLayout</a>都支持）。
<p> 当你实现这些函数并想获得更多的制导的时候，请查看和你的新窗口部件所需要的布局存在于Qt类中最接近的布局的实现。
<p> <h2> 人工布局
</h2>
<a name="6"></a><p> 如果你要生成一种特殊的布局，你也可以按上面的描述来生成一个自定义窗口部件。重新实现<a href="qwidget.html#resizeEvent">QWidget::resizeEvent</a>()来计算所需要分配的大小并且给每一个子窗口部件调用<a href="qwidget.html#setGeometry">setGeometry</a>()。
<p> 当布局需要重新计算的时候，窗口部件会得到一个<a href="qevent.html#type">类型</a>是<tt>LayoutHint</tt>的事件。重新实现被通知<tt>LayoutHint</tt>事件的<a href="qwidget.html#event">QWidget::event</a>()。
<!-- eof -->
<p><address><hr><div align=center>
<table width=100% cellspacing=0 border=0><tr>
<td>Copyright &copy; 2002 
<a href="http://www.trolltech.com">Trolltech</a>
<td><a href="http://www.trolltech.com/trademarks.html">Trademarks</a>
<td><a href="zh_CN.html">译者:Cavendish</a>
<td align=right><div align=right>Qt 3.0.5版</div>
</table></div></address></body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -