qt教程一 —— 第八章：准备战斗.htm

嵌入式QT开发系列文档

        if ( degrees > 70 )
            degrees = 70;
        if ( ang == degrees )
            return;
        ang = degrees;
        <A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qwidget.html#repaint">repaint</A>();
        emit angleChanged( ang );
    }
</PRE>
<P>这个函数设置角度值。我们选择了一个5～70的合法范围，并根据这个范围来调节给定的degrees的值。当新的角度值超过了范围，我们选择了不使用警告。 
<P>如果新的角度值和旧的一样，我们立即返回。这只对当角度值<EM>真的</EM>发生变化时，发射angleChanged()信号有重要意义。 
<P>然后我们设置新的角度值并重新画我们的窗口部件。<A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qwidget.html#repaint">QWidget::repaint</A>()函数清空窗口部件（通常用背景色来充满）并向窗口部件发出一个绘画事件。这样的结构就是调用窗口部件的绘画事件函数一次。 

<P>最后，我们发射angleChanged()信号来告诉外面的世界，角度值发生了变化。<TT>emit</TT>关键字只是Qt中的关键字，而不是标准C++的语法。实际上，它只是一个宏。 

<P><PRE>    <A name=x2268></A>void CannonField::<A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qwidget.html#paintEvent">paintEvent</A>( <A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qpaintevent.html">QPaintEvent</A> * )
    {
        <A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qstring.html">QString</A> s = "Angle = " + QString::number( ang );
        <A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qpainter.html">QPainter</A> p( this );
    <A name=x2267></A>    p.<A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qpainter.html#drawText">drawText</A>( 200, 200, s );
    }
</PRE>
<P>这是我们第一次试图写一个绘画事件处理程序。这个事件参数包含一个绘画事件的描述。<A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qpaintevent.html">QPaintEvent</A>包含一个必须被刷新的窗口部件的区域。现在，我们比较懒惰，并且只是画每一件事。 

<P>我们的代码在一个固定位置显示窗口部件的角度值。首先我们创建一个含有一些文本和角度值的<A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qstring.html">QString</A>，然后我们创建一个操作这个窗口部件的<A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qpainter.html">QPainter</A>并使用它来画这个字符串。我们一会儿会回到QPainter，它可以做很多事。 

<P>
<H3><A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/t8-main-cpp.html">t8/main.cpp</A> 
</H3><A name=1-5></A>
<P>
<P><PRE>    #include "cannon.h"
</PRE>
<P>我们包含了我们的新类： 
<P><PRE>    class MyWidget: public <A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qwidget.html">QWidget</A>
    {
    public:
        MyWidget( <A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qwidget.html">QWidget</A> *parent=0, const char *name=0 );
    };
</PRE>
<P>这一次我们在顶层窗口部件中只使用了一个LCDRange和一个CanonField。 
<P><PRE>        LCDRange *angle = new LCDRange( this, "angle" );
</PRE>
<P>在构造函数中，我们创建并设置了我们的LCDRange。 
<P><PRE>        angle-&gt;setRange( 5, 70 );
</PRE>
<P>我们设置LCDRange能够接受的范围是5～70度。 
<P><PRE>        CannonField *cannonField
            = new CannonField( this, "cannonField" );
</PRE>
<P>我们创建了我们的CannonField。 
<P><PRE>        <A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qobject.html#connect">connect</A>( angle, SIGNAL(valueChanged(int)),
                 cannonField, SLOT(setAngle(int)) );
        <A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qobject.html#connect">connect</A>( cannonField, SIGNAL(angleChanged(int)),
                 angle, SLOT(setValue(int)) );
</PRE>
<P>这里我们把LCDRange的valueChanged()信号和CannonField的setAngle()槽连接起来了。只要用户操作LCDRange，就会刷新CannonField的角度值。我们也把它反过来连接了，这样CannonField中角度的变化就可以刷新LCDRange的值。在我们的例子中，我们从来没有直接改变CannonField的角度，但是通过我们的最后一个connect()我们就可以确保没有任何变化可以改变这两个值之间的同步关系。 

<P>这说明了组件编程和正确封装的能力。 
<P>注意只有当角度确实发生变化时，才发射angleChanged()是多么的重要。如果LCDRange和CanonField都省略了这个检查，这个程序就会因为第一次数值变化而进入到一个无限循环当中。 

<P><PRE>        <A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qgridlayout.html">QGridLayout</A> *grid = new <A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qgridlayout.html">QGridLayout</A>( this, 2, 2, 10 );
        //2×2，10像素的边界
</PRE>
<P>到现在为止，我们没有因为几何管理把<A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qvbox.html">QVBox</A>和<A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qgrid.html">QGrid</A>窗口部件集成到一起。现在，无论如何，我们需要对我们的布局加一些控制，所以我们使用了更加强大的<A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qgridlayout.html">QGridLayout</A>类。QGridLayout不是一个窗口部件，它是一个可以管理<EM>任何</EM>窗口部件作为子对象的不同的类。 

<P>就像注释中所说的，我们创建了一个以10像素为边界的2*2的数组。（<A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qgridlayout.html">QGridLayout</A>的构造函数有一点神秘，所以最好在这里加入一些注释。） 

<P><PRE>    <A name=x2269></A>    grid-&gt;<A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qgridlayout.html#addWidget">addWidget</A>( quit, 0, 0 );
</PRE>
<P>我们在网格的左上的单元格中加入一个Quit按钮：0,0。 
<P><PRE>        grid-&gt;<A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qgridlayout.html#addWidget">addWidget</A>( angle, 1, 0, Qt::AlignTop );
</PRE>
<P>我们把angle这个LCDRange放到左下的单元格，在单元格内向上对齐。（这只是QGridLayout所允许的一种对齐方式，而QGrid不允许。） 
<P><PRE>        grid-&gt;<A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qgridlayout.html#addWidget">addWidget</A>( cannonField, 1, 1 );
</PRE>
<P>我们把CannonField对象放到右下的单元格。（右上的单元格是空的。） 
<P><PRE>    <A name=x2270></A>    grid-&gt;<A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qgridlayout.html#setColStretch">setColStretch</A>( 1, 10 );
</PRE>
<P>我们告诉<A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qgridlayout.html">QGridLayout</A>右边的列（列1）是可拉伸的。因为左边的列不是（它的<A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/layout.html#stretch-factor">拉伸因数</A>是0，这是默认值），QGridLayout就会在MyWidget被重新定义大小的时候试图让左面的窗口部件大小不变，而重新定义CannonField的大小。 

<P><PRE>        angle-&gt;setValue( 60 );
</PRE>
<P>我们设置了一个初始角度值。注意这将会引发从LCDRange到CannonField的连接。 
<P><PRE>    <A name=x2271></A>    angle-&gt;<A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qwidget.html#setFocus">setFocus</A>();
</PRE>
<P>我们刚才做的是设置<TT>angle</TT>获得<A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/focus.html#keyboard-focus">键盘焦点</A>，这样默认情况下键盘输入会到达LCDRange窗口部件。 

<P>LCDRange没有包含任何keyPressEvent()，所以这看起来不太可能有用。无论如何，它的构造函数中有了新的一行： 
<P><PRE>        <A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qwidget.html#setFocusProxy">setFocusProxy</A>( slider );
</PRE>
<P>LCDRange设置滑块作为它的焦点代理。这就是说当程序或者用户想要给LCDRange一个键盘焦点，滑块就会就会注意到它。<A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qslider.html">QSlider</A>有一个相当好的键盘接口，所以就会出现我们给LCDRange添加的这一行。 

<P>
<H2>行为 </H2><A name=2></A>
<P>键盘现在可以做一些事了——方向键、Home、End、PageUp和PageDown都可以作一些事情。 
<P>当滑块被操作，CannonFiled会显示新的角度值。如果重新定义大小，CannonField会得到尽可能多的空间。 
<P>在8位的Windows机器上显示新的颜色会颤动的要命。下一章会处理这些的。 
<P>（请看<A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/tutorial1-07.html#compiling">编译</A>来学习如何创建一个makefile和连编应用程序。） 

<P>
<H2>练习 </H2><A name=3></A>
<P>设置重新定义窗口的大小。如果你把它变窄或者变矮会发生什么？ 
<P>如果你把AlignTop删掉，LCDRange的位置会发生什么变化？为什么？ 
<P>如果你给左面的列一个非零的拉伸因数，当你重新定义窗口大小时会发生什么？ 
<P>不考虑setFocus()调用。你更喜欢什么样的行为？ 
<P>试着在<A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/qbutton.html#setText">QButton::setText</A>()调用中把“Quit”改为“&amp;Quit”。按钮看起来变成什么样子了？如果你在程序运行的时候按下Alt+Q会发生什么？（在少量键盘中时Meta+Q。） 

<P>把CannonField的文本放到中间。 
<P>现在你可以进行<A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/tutorial1-09.html">第九章</A>了。 
<P>[<A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/tutorial1-07.html">上一章</A>] 
[<A 
href="http://www.qtopia.org.cn/doc/qiliang.net/qt/tutorial1-09.html">下一章</A>] 
[<A href="http://www.qtopia.org.cn/doc/qiliang.net/qt/tutorial.html">教程一主页</A>] 
<P><!-- eof -->
<P>
<ADDRESS>
<HR>

<DIV align=center>
<TABLE cellSpacing=0 width="100%" border=0>
  <TBODY>
  <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="http://www.qtopia.org.cn/doc/qiliang.net/qt/zh_CN.html">译者:Cavendish</A> 

    <TD align=right>
      <DIV align=right>Qt 
3.0.5版</DIV></TR></TBODY></TABLE></DIV></ADDRESS></BODY></HTML>