<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Mousefire Walking On The Earth &#187; 布局</title>
	<atom:link href="http://www.mousefire.net/tag/%e5%b8%83%e5%b1%80/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mousefire.net</link>
	<description>点点滴滴</description>
	<lastBuildDate>Wed, 01 Sep 2010 11:45:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Qt学习笔记_Chapter1_3窗口部件的布局</title>
		<link>http://www.mousefire.net/2010/01/08/qt%e5%ad%a6%e4%b9%a0%e7%ac%94%e8%ae%b0_chapter1_3%e7%aa%97%e5%8f%a3%e9%83%a8%e4%bb%b6%e7%9a%84%e5%b8%83%e5%b1%80/</link>
		<comments>http://www.mousefire.net/2010/01/08/qt%e5%ad%a6%e4%b9%a0%e7%ac%94%e8%ae%b0_chapter1_3%e7%aa%97%e5%8f%a3%e9%83%a8%e4%bb%b6%e7%9a%84%e5%b8%83%e5%b1%80/#comments</comments>
		<pubDate>Fri, 08 Jan 2010 06:41:03 +0000</pubDate>
		<dc:creator>mousefire</dc:creator>
				<category><![CDATA[Qt学习笔记]]></category>
		<category><![CDATA[Qt]]></category>
		<category><![CDATA[布局]]></category>

		<guid isPermaLink="false">http://www.mousefire.net/2010/01/08/qt%e5%ad%a6%e4%b9%a0%e7%ac%94%e8%ae%b0_chapter1_3%e7%aa%97%e5%8f%a3%e9%83%a8%e4%bb%b6%e7%9a%84%e5%b8%83%e5%b1%80/</guid>
		<description><![CDATA[　　Windows7下的程序运行效果图： 　　这一节主要讲了两点：（１）如何用布局（Layout）来管理窗口中窗口部件的几何形状；（２）如何利用信号和槽来同步窗口部件。 　　这个应用程序用了三个窗口部件：一个QSpinBox（微调框）、一个QSlider（滑块）和一个QWidget。其中QWidget是这个应用程序的主窗口，也是QSpinBox和QSlider的父对象，QWidget自己没有父对象。QWidget的构造函数以及它的所有子类都会带一个参数QWidget*，以用来说明谁是它们的父窗口部件。 #include &#60;QApplication&#62; #include &#60;QHBoxLayout&#62; #include &#60;QSlider&#62; #include &#60;QSpinBox&#62; int main(int argc,char *argv[]) {     QApplication app(argc,argv);     QWidget *windows=new QWidget;     windows-&#62;setWindowTitle(&#34;Enter Your Age&#34;);     QSpinBox *spinBox=new QSpinBox;     QSlider *slider=new QSlider(Qt::Horizontal);     spinBox-&#62;setRange(0,130);     slider-&#62;setRange(0,130);     QObject::connect(spinBox,SIGNAL(valueChanged(int)),         slider,SLOT(setValue(int)));     QObject::connect(slider,SIGNAL(valueChanged(int)),         spinBox,SLOT(setValue(int)));     spinBox-&#62;setValue(35);     QHBoxLayout *layout=new QHBoxLayout;     layout-&#62;addWidget(spinBox);     layout-&#62;addWidget(slider);     windows-&#62;setLayout(layout);     windows-&#62;show();     return app.exec(); } Line8,9：创建了Widget对象，使用setWindowTitle()函数来设置显示在窗口标题栏上的文字。 Line10,11：创建了一个QSpinBox和一个QSlider，并分别在第12行和第13行设置了它们的有效范围。本应将这个窗口传递给QSpinBox和QSlider的构造函数，以说明这两个窗口部件的父对象都是这个窗口，但在这里没有这个必要，因为布局系统将会自行得出这一结果并自动把该窗口设置为微调框和滑块的父对象。 Line14-17：调用了两次QObject::connect()，来确保能够让微调框和滑块同步，一旦有一个窗口部件的值发生了改变那么就会发射它的valueChanged(int)信号，而另一个窗口部件就会用这个新值调用它的setValue(int)值。 Line18：将微调框的值设置为35，此时QSpinBox会发射valueChanged(int)信号，其中，int参数的值为35，触发QSlider的setValue(int)槽，避免无限循环的发生，流程如下图所示： Line19-22：使用了一个布局管理器对微调框和滑块进行布局处理。布局管理器(layout manager)是一个能够对其所负责窗口部件的尺寸大小的位置进行设置的对象。Qt有三个主要的布局管理器类：(1)QHBoxLayout：在水平方向上排列窗口部件，从左到右；(2)QVBoxLayout：在竖起方向上排列窗口部件，由上到下；(3)QGridLayout，把各个窗口部件排列在一个网格中。第22行的QWidget::setLayout()函数调用会在窗口上安装该布局管理器。QSpinBox和QSlider会自动“重定义父对象”，成为这个安装了布局的窗口部件的子对象。因此当创建一个需要放进某个布局中的窗口部件时，就没有必要为其显式的指定父对象了。]]></description>
			<content:encoded><![CDATA[<p>　　Windows7下的程序运行效果图：</p>
<p><a href="http://www.mousefire.net/wp-content/uploads/2010/01/image2.png"><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="image" border="0" alt="image" src="http://www.mousefire.net/wp-content/uploads/2010/01/image_thumb2.png" width="231" height="80"></a> 　　这一节主要讲了两点：（１）如何用布局（Layout）来管理窗口中窗口部件的几何形状；（２）如何利用信号和槽来同步窗口部件。</p>
<p>　　这个应用程序用了三个窗口部件：一个QSpinBox（微调框）、一个QSlider（滑块）和一个QWidget。其中QWidget是这个应用程序的主窗口，也是QSpinBox和QSlider的父对象，QWidget自己没有父对象。QWidget的构造函数以及它的所有子类都会带一个参数QWidget*，以用来说明谁是它们的父窗口部件。</p>
<div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:9ce6104f-a9aa-4a17-a79f-3a39532ebf7c:177020f3-0a9a-4daf-a005-3875b5e7e9ec" class="wlWriterEditableSmartContent">
<div class="le-pavsc-container">
<div style="background: #fff; overflow: auto">
<ol style="background: #c2db8a; margin: 0; padding: 0 0 0 5px; white-space: nowrap">
<li><span style="color:#0000ff">#include</span><span style="color:#004000"> </span><span style="color:#a31515">&lt;QApplication&gt;</span></li>
<li class="even"><span style="color:#0000ff">#include</span><span style="color:#004000"> </span><span style="color:#a31515">&lt;QHBoxLayout&gt;</span></li>
<li><span style="color:#0000ff">#include</span><span style="color:#004000"> </span><span style="color:#a31515">&lt;QSlider&gt;</span></li>
<li class="even"><span style="color:#0000ff">#include</span><span style="color:#004000"> </span><span style="color:#a31515">&lt;QSpinBox&gt;</span></li>
<li><span style="color:#0000ff">int</span><span style="color:#004000"> </span><span style="color:#010001">main</span><span style="color:#004000">(</span><span style="color:#0000ff">int</span><span style="color:#004000"> </span><span style="color:#010001">argc</span><span style="color:#004000">,</span><span style="color:#0000ff">char</span><span style="color:#004000"> *</span><span style="color:#010001">argv</span><span style="color:#004000">[])</span></li>
<li class="even"><span style="color:#004000">{</span></li>
<li>    <span style="color:#004000"></span><span style="color:#010001">QApplication</span><span style="color:#004000"> </span><span style="color:#010001">app</span><span style="color:#004000">(</span><span style="color:#010001">argc</span><span style="color:#004000">,</span><span style="color:#010001">argv</span><span style="color:#004000">);</span></li>
<li class="even">    <span style="color:#004000"></span><span style="color:#010001">QWidget</span><span style="color:#004000"> *</span><span style="color:#010001">windows</span><span style="color:#004000">=</span><span style="color:#0000ff">new</span><span style="color:#004000"> </span><span style="color:#010001">QWidget</span><span style="color:#004000">;</span></li>
<li>    <span style="color:#004000"></span><span style="color:#010001">windows</span><span style="color:#004000">-&gt;</span><span style="color:#010001">setWindowTitle</span><span style="color:#004000">(</span><span style="color:#a31515">&quot;Enter Your Age&quot;</span><span style="color:#004000">);</span></li>
<li class="even">    <span style="color:#004000"></span><span style="color:#010001">QSpinBox</span><span style="color:#004000"> *</span><span style="color:#010001">spinBox</span><span style="color:#004000">=</span><span style="color:#0000ff">new</span><span style="color:#004000"> </span><span style="color:#010001">QSpinBox</span><span style="color:#004000">;</span></li>
<li>    <span style="color:#004000"></span><span style="color:#010001">QSlider</span><span style="color:#004000"> *</span><span style="color:#010001">slider</span><span style="color:#004000">=</span><span style="color:#0000ff">new</span><span style="color:#004000"> </span><span style="color:#010001">QSlider</span><span style="color:#004000">(</span><span style="color:#010001">Qt</span><span style="color:#004000">::</span><span style="color:#010001">Horizontal</span><span style="color:#004000">);</span></li>
<li class="even">    <span style="color:#004000"></span><span style="color:#010001">spinBox</span><span style="color:#004000">-&gt;</span><span style="color:#010001">setRange</span><span style="color:#004000">(0,130);</span></li>
<li>    <span style="color:#004000"></span><span style="color:#010001">slider</span><span style="color:#004000">-&gt;</span><span style="color:#010001">setRange</span><span style="color:#004000">(0,130);</span></li>
<li class="even">    <span style="color:#004000"></span><span style="color:#010001">QObject</span><span style="color:#004000">::</span><span style="color:#010001">connect</span><span style="color:#004000">(</span><span style="color:#010001">spinBox</span><span style="color:#004000">,</span><span style="color:#0000ff">SIGNAL</span><span style="color:#004000">(</span><span style="color:#010001">valueChanged</span><span style="color:#004000">(</span><span style="color:#0000ff">int</span><span style="color:#004000">)),</span></li>
<li>        <span style="color:#004000"></span><span style="color:#010001">slider</span><span style="color:#004000">,</span><span style="color:#0000ff">SLOT</span><span style="color:#004000">(</span><span style="color:#010001">setValue</span><span style="color:#004000">(</span><span style="color:#0000ff">int</span><span style="color:#004000">)));</span></li>
<li class="even">    <span style="color:#004000"></span><span style="color:#010001">QObject</span><span style="color:#004000">::</span><span style="color:#010001">connect</span><span style="color:#004000">(</span><span style="color:#010001">slider</span><span style="color:#004000">,</span><span style="color:#0000ff">SIGNAL</span><span style="color:#004000">(</span><span style="color:#010001">valueChanged</span><span style="color:#004000">(</span><span style="color:#0000ff">int</span><span style="color:#004000">)),</span></li>
<li>        <span style="color:#004000"></span><span style="color:#010001">spinBox</span><span style="color:#004000">,</span><span style="color:#0000ff">SLOT</span><span style="color:#004000">(</span><span style="color:#010001">setValue</span><span style="color:#004000">(</span><span style="color:#0000ff">int</span><span style="color:#004000">)));</span></li>
<li class="even">    <span style="color:#004000"></span><span style="color:#010001">spinBox</span><span style="color:#004000">-&gt;</span><span style="color:#010001">setValue</span><span style="color:#004000">(35);</span></li>
<li>    <span style="color:#004000"></span><span style="color:#010001">QHBoxLayout</span><span style="color:#004000"> *</span><span style="color:#010001">layout</span><span style="color:#004000">=</span><span style="color:#0000ff">new</span><span style="color:#004000"> </span><span style="color:#010001">QHBoxLayout</span><span style="color:#004000">;</span></li>
<li class="even">    <span style="color:#004000"></span><span style="color:#010001">layout</span><span style="color:#004000">-&gt;</span><span style="color:#010001">addWidget</span><span style="color:#004000">(</span><span style="color:#010001">spinBox</span><span style="color:#004000">);</span></li>
<li>    <span style="color:#004000"></span><span style="color:#010001">layout</span><span style="color:#004000">-&gt;</span><span style="color:#010001">addWidget</span><span style="color:#004000">(</span><span style="color:#010001">slider</span><span style="color:#004000">);</span></li>
<li class="even">    <span style="color:#004000"></span><span style="color:#010001">windows</span><span style="color:#004000">-&gt;</span><span style="color:#010001">setLayout</span><span style="color:#004000">(</span><span style="color:#010001">layout</span><span style="color:#004000">);</span></li>
<li>    <span style="color:#004000"></span><span style="color:#010001">windows</span><span style="color:#004000">-&gt;</span><span style="color:#010001">show</span><span style="color:#004000">();</span></li>
<li class="even">    <span style="color:#004000"></span><span style="color:#0000ff">return</span><span style="color:#004000"> </span><span style="color:#010001">app</span><span style="color:#004000">.</span><span style="color:#010001">exec</span><span style="color:#004000">();</span></li>
<li><span style="color:#004000">}</span></li>
</ol></div>
</p></div>
</p></div>
</p>
<p><strong>Line8,9：</strong>创建了Widget对象，使用setWindowTitle()函数来设置显示在窗口标题栏上的文字。</p>
<p><strong>Line10,11：</strong>创建了一个QSpinBox和一个QSlider，并分别在第12行和第13行设置了它们的有效范围。本应将这个窗口传递给QSpinBox和QSlider的构造函数，以说明这两个窗口部件的父对象都是这个窗口，但在这里没有这个必要，因为布局系统将会自行得出这一结果并自动把该窗口设置为微调框和滑块的父对象。</p>
<p><strong>Line14-17：</strong>调用了两次QObject::connect()，来确保能够让微调框和滑块同步，一旦有一个窗口部件的值发生了改变那么就会发射它的valueChanged(int)信号，而另一个窗口部件就会用这个新值调用它的setValue(int)值。</p>
<p><strong>Line18：</strong>将微调框的值设置为35，此时QSpinBox会发射valueChanged(int)信号，其中，int参数的值为35，触发QSlider的setValue(int)槽，避免无限循环的发生，流程如下图所示：</p>
<p><a href="http://www.mousefire.net/wp-content/uploads/2010/01/image3.png"><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="image" border="0" alt="image" src="http://www.mousefire.net/wp-content/uploads/2010/01/image_thumb3.png" width="301" height="320"></a> </p>
<p><strong>Line19-22：</strong>使用了一个<u>布局管理器</u>对微调框和滑块进行布局处理。布局管理器(layout manager)是一个能够对其所负责窗口部件的尺寸大小的位置进行设置的对象。Qt有三个主要的布局管理器类：(1)QHBoxLayout：在水平方向上排列窗口部件，从左到右；(2)QVBoxLayout：在竖起方向上排列窗口部件，由上到下；(3)QGridLayout，把各个窗口部件排列在一个网格中。第22行的QWidget::setLayout()函数调用会在窗口上安装该布局管理器。QSpinBox和QSlider会自动“重定义父对象”，成为这个安装了布局的窗口部件的子对象。因此当创建一个需要放进某个布局中的窗口部件时，就没有必要为其显式的指定父对象了。</p>
<p><a href="http://www.mousefire.net/wp-content/uploads/2010/01/image4.png"><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="image" border="0" alt="image" src="http://www.mousefire.net/wp-content/uploads/2010/01/image_thumb4.png" width="448" height="108"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mousefire.net/2010/01/08/qt%e5%ad%a6%e4%b9%a0%e7%ac%94%e8%ae%b0_chapter1_3%e7%aa%97%e5%8f%a3%e9%83%a8%e4%bb%b6%e7%9a%84%e5%b8%83%e5%b1%80/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
