📄 tutorial1-14.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/tutorial.doc:2381 -->
<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>Qt教程一 —— 第十四章：面对墙壁</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>Qt教程一 —— 第十四章：面对墙壁</h1>
<p> <center><img src="t14.png" alt="Screenshot of tutorial fourteen"></center>
<p> 这是最后的例子：一个完整的游戏。
<p> 我们添加键盘快捷键并引入鼠标事件到CannonField。我们在CannonField周围放一个框架并添加一个障碍物（墙）使这个游戏更富有挑战性。
<p> <ul>
<li> <a href="t14-lcdrange-h.html">t14/lcdrange.h</a>包含LCDRange类定义。
<li> <a href="t14-lcdrange-cpp.html">t14/lcdrange.cpp</a>包含LCDRange类实现。
<li> <a href="t14-cannon-h.html">t14/cannon.h</a>包含CannonField类定义。
<li> <a href="t14-cannon-cpp.html">t14/cannon.cpp</a>包含CannonField类实现。
<li> <a href="t14-gamebrd-h.html">t14/gamebrd.h</a>包含GameBoard类定义。
<li> <a href="t14-gamebrd-cpp.html">t14/gamebrd.cpp</a>包含GameBoard类实现。
<li> <a href="t14-main-cpp.html">t14/main.cpp</a>包含MyWidget和main。
</ul>
<p> <h2> 一行一行地解说
</h2>
<a name="1"></a><p> <h3> <a href="t14-cannon-h.html">t14/cannon.h</a>
</h3>
<a name="1-1"></a><p> CannonField现在可以接收鼠标事件，使得用户可以通过点击和拖拽炮筒来瞄准。CannonField也有一个障碍物的墙。
<p>
<p> <pre> protected:
void paintEvent( <a href="qpaintevent.html">QPaintEvent</a> * );
void mousePressEvent( <a href="qmouseevent.html">QMouseEvent</a> * );
void mouseMoveEvent( <a href="qmouseevent.html">QMouseEvent</a> * );
void mouseReleaseEvent( <a href="qmouseevent.html">QMouseEvent</a> * );
</pre>
<p> 除了常见的事件处理器，CannonField实现了三个鼠标事件处理器。名称说明了一切。
<p> <pre> void paintBarrier( <a href="qpainter.html">QPainter</a> * );
</pre>
<p> 这个私有函数绘制了障碍物墙。
<p> <pre> <a href="qrect.html">QRect</a> barrierRect() const;
</pre>
<p> 这个私有寒暑返回封装障碍物的矩形。
<p> <pre> bool barrelHit( const <a href="qpoint.html">QPoint</a> & ) const;
</pre>
<p> 这个私有函数检查是否一个点在加农炮炮筒的内部。
<p> <pre> bool barrelPressed;
</pre>
<p> 当用户在炮筒上点击鼠标并且没有放开的话，这个私有变量为TRUE。
<p> <h3> <a href="t14-cannon-cpp.html">t14/cannon.cpp</a>
</h3>
<a name="1-2"></a><p>
<p> <pre> barrelPressed = FALSE;
</pre>
<p> 这一行被添加到构造函数中。最开始的时候，鼠标没有在炮筒上点击。
<p> <pre> <a name="x2361"></a><a name="x2360"></a> } else if ( shotR.<a href="qrect.html#x">x</a>() > width() || shotR.<a href="qrect.html#y">y</a>() > height() ||
shotR.<a href="qrect.html#intersects">intersects</a>(barrierRect()) ) {
</pre>
<p> 现在我们有了一个障碍物，这样就有了三种射失的方法。我们来测试一下第三种。
<p> <pre> void CannonField::<a href="qwidget.html#mousePressEvent">mousePressEvent</a>( <a href="qmouseevent.html">QMouseEvent</a> *e )
{
if ( e-><a href="qmouseevent.html#button">button</a>() != LeftButton )
return;
<a name="x2350"></a> if ( barrelHit( e-><a href="qmouseevent.html#pos">pos</a>() ) )
barrelPressed = TRUE;
}
</pre>
<p> 这是一个Qt事件处理器。当鼠标指针在窗口部件上，用户按下鼠标的按键时，它被调用。
<p> 如果事件不是由鼠标左键产生的，我们立即返回。否则，我们检查鼠标指针是否在加农炮的炮筒内。如果是的，我们设置<tt>barrelPressed</tt>为TRUE。
<p> 注意pos()函数返回的是窗口部件坐标系统中的点。
<p> <pre> void CannonField::<a href="qwidget.html#mouseMoveEvent">mouseMoveEvent</a>( <a href="qmouseevent.html">QMouseEvent</a> *e )
{
if ( !barrelPressed )
return;
<a href="qpoint.html">QPoint</a> pnt = e-><a href="qmouseevent.html#pos">pos</a>();
<a name="x2356"></a> if ( pnt.<a href="qpoint.html#x">x</a>() <= 0 )
<a name="x2354"></a> pnt.<a href="qpoint.html#setX">setX</a>( 1 );
<a name="x2357"></a> if ( pnt.<a href="qpoint.html#y">y</a>() >= <a href="qwidget.html#height">height</a>() )
<a name="x2355"></a> pnt.<a href="qpoint.html#setY">setY</a>( <a href="qwidget.html#height">height</a>() - 1 );
double rad = atan(((double)<a href="qwidget.html#rect">rect</a>().bottom()-pnt.<a href="qpoint.html#y">y</a>())/pnt.<a href="qpoint.html#x">x</a>());
setAngle( qRound ( rad*180/3.14159265 ) );
}
</pre>
<p> 这是另外一个Qt事件处理器。当用户已经在窗口部件中按下了鼠标按键并且移动/拖拽鼠标时，它被调用。（你可以让Qt在没有鼠标按键被按下的时候发送鼠标移动事件。请看<a href="qwidget.html#setMouseTracking">QWidget::setMouseTracking</a>()。）
<p> 这个处理器根据鼠标指针的位置重新配置加农炮的炮筒。
<p> 首先，如果炮筒没有被按下，我们返回。接下来，我们获得鼠标指针的位置。如果鼠标指针到了窗口部件的左面或者下面，我们调整鼠标指针使它返回到窗口部件中。
<p> 然后我们计算在鼠标指针和窗口部件的左下角所构成的虚构的线和窗口部件下边界的角度。最后，我们把加农炮的角度设置为我们新算出来的角度。
<p> 记住要用setAngle()来重新绘制加农炮。
<p> <pre> <a name="x2364"></a>void CannonField::<a href="qwidget.html#mouseReleaseEvent">mouseReleaseEvent</a>( <a href="qmouseevent.html">QMouseEvent</a> *e )
{
<a name="x2349"></a> if ( e-><a href="qmouseevent.html#button">button</a>() == LeftButton )
barrelPressed = FALSE;
}
</pre>
<p> 只要用户释放鼠标按钮并且它是在窗口部件中按下的时候，这个Qt事件处理器就会被调用。
<p> 如果鼠标左键被释放，我们就会确认炮筒不再被按下了。
<p> 绘画事件包含了下述额外的两行：
<p> <pre> <a name="x2359"></a> if ( updateR.<a href="qrect.html#intersects">intersects</a>( barrierRect() ) )
paintBarrier( &p );
</pre>
<p> paintBarrier()做的和paintShot()、paintTarget()和paintCannon()是同样的事情。
<p> <pre> void CannonField::paintBarrier( <a href="qpainter.html">QPainter</a> *p )
{
p-><a href="qpainter.html#setBrush">setBrush</a>( yellow );
p-><a href="qpainter.html#setPen">setPen</a>( black );
p-><a href="qpainter.html#drawRect">drawRect</a>( barrierRect() );
}
</pre>
<p> 这个私有函数用一个黑色边界黄色填充的矩形作为障碍物。
<p> <pre> QRect CannonField::barrierRect() const
{
return QRect( 145, height() - 100, 15, 100 );
}
</pre>
<p> 这个私有函数返回障碍物的矩形。我们把障碍物的下边界和窗口部件的下边界放在了一起。
<p> <pre> bool CannonField::barrelHit( const <a href="qpoint.html">QPoint</a> &p ) const
{
<a href="qwmatrix.html">QWMatrix</a> mtx;
<a name="x2368"></a> mtx.<a href="qwmatrix.html#translate">translate</a>( 0, height() - 1 );
<a name="x2367"></a> mtx.<a href="qwmatrix.html#rotate">rotate</a>( -ang );
<a name="x2365"></a> mtx = mtx.<a href="qwmatrix.html#invert">invert</a>();
<a name="x2366"></a><a name="x2358"></a> return barrelRect.<a href="qrect.html#contains">contains</a>( mtx.<a href="qwmatrix.html#map">map</a>(p) );
}
</pre>
<p> 如果点在炮筒内，这个函数返回TRUE；否则它就返回FALSE。
<p> 这里我们使用<a href="qwmatrix.html">QWMatrix</a>类。它是在头文件qwmatrix.h中定义的，这个头文件被qpainter.h包含。
<p> <a href="qwmatrix.html">QWMatrix</a>定义了一个坐标系统映射。它可以执行和<a href="qpainter.html">QPainter</a>中一样的转换。
<p> 这里我们实现同样的转换的步骤就和我们在paintCannon()函数中绘制炮筒的时候所作的一样。首先我们转换坐标系统，然后我们旋转它。
<p> 现在我们需要检查点<tt>p</tt>（在窗口部件坐标系统中）是否在炮筒内。为了做到这一点，我们倒置这个转换矩阵。倒置的矩阵就执行了我们在绘制炮筒时使用的倒置的转换。我们通过使用倒置矩阵来映射点<tt>p</tt>，并且如果它在初始的炮筒矩形内就返回TRUE。
<p> <h3> <a href="t14-gamebrd-cpp.html">t14/gamebrd.cpp</a>
</h3>
<a name="1-3"></a><p>
<p> <pre> #include <<a href="qaccel-h.html">qaccel.h</a>>
</pre>
<p> 我们包含<a href="qaccel.html">QAccel</a>的类定义。
<p> <pre> <a href="qvbox.html">QVBox</a> *box = new <a href="qvbox.html">QVBox</a>( this, "cannonFrame" );
box-><a href="qframe.html#setFrameStyle">setFrameStyle</a>( QFrame::WinPanel | QFrame::Sunken );
cannonField = new CannonField( box, "cannonField" );
</pre>
<p> 我们创建并设置一个<a href="qvbox.html">QVBox</a>，设置它的框架风格，并在之后创建<tt>CannonField</tt>作为这个盒子的子对象。因为没有其它的东西在这个盒子里了，效果就是<a href="qvbox.html">QVBox</a>会在CannonField周围生成了一个框架。
<p> <pre> <a href="qaccel.html">QAccel</a> *accel = new <a href="qaccel.html">QAccel</a>( this );
<a name="x2370"></a><a name="x2369"></a> accel-><a href="qaccel.html#connectItem">connectItem</a>( accel-><a href="qaccel.html#insertItem">insertItem</a>( Key_Enter ),
this, SLOT(fire()) );
accel-><a href="qaccel.html#connectItem">connectItem</a>( accel-><a href="qaccel.html#insertItem">insertItem</a>( Key_Return ),
this, SLOT(fire()) );
</pre>
<p> 现在我们创建并设置一个加速键。加速键就是在应用程序中截取键盘事件并且如果特定的键被按下的时候调用相应的槽。这种机制也被称为快捷键。注意快捷键是窗口部件的子对象并且当窗口部件被销毁的时候销毁。<a href="qaccel.html">QAccel</a><em>不是</em>窗口部件，并且在它的父对象中没有任何可见的效果。
<p> 我们定义两个快捷键。我们希望在Enter键被按下的时候调用fire()槽，在Ctrl+Q键被按下的时候，应用程序退出。因为Enter有时又被称为Return，并且有时键盘中<em>两个</em>键都有，所以我们让这两个键都调用fire()。
<p> <pre> accel-><a href="qaccel.html#connectItem">connectItem</a>( accel-><a href="qaccel.html#insertItem">insertItem</a>( CTRL+Key_Q ),
qApp, SLOT(<a href="qapplication.html#quit">quit</a>()) );
</pre>
<p> 并且之后我们设置Ctrl+Q和Alt+Q做同样的事情。一些人通常使用Ctrl+Q更多一些（并且无论如何它显示了如果做到它）。
<p> CTRL、Key_Enter、Key_Return和Key_Q都是Qt提供的常量。它们实际上就是Qt::Key_Enter等等，但是实际上所有的类都继承了<a href="qt.html">Qt</a>这个命名空间类。
<p> <pre> <a href="qgridlayout.html">QGridLayout</a> *grid = new <a href="qgridlayout.html">QGridLayout</a>( this, 2, 2, 10 );
<a name="x2373"></a> grid-><a href="qgridlayout.html#addWidget">addWidget</a>( quit, 0, 0 );
grid-><a href="qgridlayout.html#addWidget">addWidget</a>( box, 1, 1 );
<a name="x2374"></a> grid-><a href="qgridlayout.html#setColStretch">setColStretch</a>( 1, 10 );
</pre>
<p> 我们放置<tt>box</tt>（<a href="qvbox.html">QVBox</a>），不是CannonField，在右下的单元格中。
<p> <h2> 行为
</h2>
<a name="2"></a><p> 现在当你按下Enter的时候，加农炮就会发射。你也可以用鼠标来确定加农炮的角度。障碍物会使你在玩游戏的时候获得更多一点的挑战。我们还会在CannnonField周围看到一个好看的框架。
<p> （请看<a href="tutorial1-07.html#compiling">编译</a>来学习如何创建一个makefile和连编应用程序。）
<p> <h2> 练习
</h2>
<a name="3"></a><p> 写一个空间入侵者的游戏。
<p> （这个练习首先被<a href="mailto:igorr@ifi.uio.no">Igor Rafienko</a>作出来了。你可以<a href="http://www.stud.ifi.uio.no/~igorr/download.html">下载他的游戏</a>。）
<p> 新的练习是：写一个突围游戏。
<p> 最后的劝告：现在向前进，创造<em>编程艺术的杰作</em>！
<p>
<p> [<a href="tutorial1-13.html">上一章</a>]
[<a href="tutorial1-01.html">第一章</a>]
[<a href="tutorial.html">教程一主页</a>]
<p>
<!-- eof -->
<p><address><hr><div align=center>
<table width=100% cellspacing=0 border=0><tr>
<td>Copyright © 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 + -