Qt图形编程基础之使用Qt编写“Hello，World”程序实验

分享到：标签：Qt图形编程 Linux 操作系统
　　12.3 实验内容——使用Qt编写“Hello，World”程序
　　1．实验目的
　　通过编写一个跳动的“Hello，World”字符串，进一步熟悉嵌入式Qt的开发过程。
　　2．实验步骤
　　（1）生成一个工程文件（.pro文件）。
　　使用命令progen产生一个工程文件（progen程序可在tmake的安装路径下找到）。
　　如下所示：
　　progen –t app.t –o hello.pro
　　那样产生的hello.pro工程文件并不完整，开发者还需添加工程所包含的头文件，源文件等信息。
　　（2）新建一个窗体。
　　启动Qt图形编辑器，使用如下命令：
　　。/designer（该程序在qt-2.3.x for x11的安装路径的bin目录下）
　　接着单击编辑器的“new”菜单，弹出了一个“new Form”对话框，在这个对话框里选择“Widget”，然后单击“OK”按钮，这样就新建了一个窗体。
　　接下来再对这个窗体的属性进行设置，注意把窗体的“name”属性设为“Hello”；窗体的各种尺寸设为宽“240”、高“320”，目的是使窗体大小和FS2410带的显示屏的大小一致；窗体背景颜色设置为白色。具体设置如图12.18所示。
　　
　　图12.18 Hello窗体的属性设置
　　设置完成后，将其保存为hello.ui文件，这个文件就是Hello窗体的界面存储文件。
　　（3）生成Hello窗体类的头文件和实现文件。
　　下面根据上述的界面文件hello.ui使用uic工具产生Hello窗体类的头文件和实现文件，具体方法是：
　　$ cd qt-2.3.7/bin
　　$ uic –o hello.h hello.ui
　　$ uic –o hello.cpp –impl hello.h hello.ui
　　这样就得到了Hello窗体类的头文件hello.h和实现文件hello.cpp。下面就可以根据需要实现的具体功能，在hello.cpp文件里添加相应的代码。
　　比如要在Hello的窗体上显示一个动态的字符串“Hello，World”，那么需要重新实现paintEvent（QPaintEvent *）方法，同时还需要添加一个定时器QTimer实例，以周期性刷新屏幕，从而得到动画的效果。下面是修改后的hello.h和hello.cpp文件。
　　/****************************************************************************
　　** 以下是 hello.h 的代码
　　****************************************************************************/
　　#ifndef HELLO_H
　　#define HELLO_H
　　#include 《qvariant.h》
　　#include 《qwidget.h》
　　class QVBoxLayout;
　　class QHBoxLayout;
　　class QGridLayout;
　　class Hello ： public QWidget
　　{
　　Q_OBJECT
　　public：
　　Hello（QWidget* parent = 0， const char* name = 0， WFlags fl = 0）;
　　~Hello（）;
　　/* 以下是手动添加的代码 */
　　signals：
　　void clicked（）;
　　protected：
　　void mouseReleaseEvent（QMouseEvent *）;
　　void paintEvent（QPaintEvent *）;
　　private slots：
　　void animate（）;
　　private：
　　QString t;
　　int b;
　　};
　　#endif // HELLO_H
　　/****************************************************************************
　　** 以下是 hello.cpp 源代码
　　****************************************************************************/
　　#include “hello.h”
　　#include 《qlayout.h》
　　#include 《qvariant.h》
　　#include 《qtooltip.h》
　　#include 《qwhatsthis.h》
　　#include 《qpushbutton.h》
　　#include 《qtimer.h》
　　#include 《qpainter.h》
　　#include 《qpixmap.h》
　　/*
　　* Constructs a Hello which is a child of ‘parent’， with the
　　* name ‘name’ and widget flags set to ‘f’
　　*/
　　Hello：：Hello（QWidget* parent， const char* name， WFlags fl）
　　： QWidget（parent， name， fl）
　　{
　　if （！name）
　　setName（“Hello”）;
　　resize（240， 320）;
　　setMinimumSize（QSize（240， 320））;
　　setMaximumSize（QSize（240， 320））;
　　setSizeIncrement（QSize（240， 320））;
　　setBaseSize（QSize（240， 320））;
　　QPalette pal;
　　QColorGroup cg;
　　cg.setColor（QColorGroup：：Foreground， black）;
　　cg.setColor（QColorGroup：：Button， QColor（192， 192， 192））;
　　cg.setColor（QColorGroup：：Light， white）;
　　cg.setColor（QColorGroup：：Midlight， QColor（223， 223， 223））;
　　cg.setColor（QColorGroup：：Dark， QColor（96， 96， 96））;
　　cg.setColor（QColorGroup：：Mid， QColor（128， 128， 128））;
　　cg.setColor（QColorGroup：：Text， black）;
　　cg.setColor（QColorGroup：：BrightText， white）;
　　cg.setColor（QColorGroup：：ButtonText， black）;
　　cg.setColor（QColorGroup：：Base， white）;
　　cg.setColor（QColorGroup：：Background， white）;
　　cg.setColor（QColorGroup：：Shadow， black）;
　　cg.setColor（QColorGroup：：Highlight， black）;
　　cg.setColor（QColorGroup：：HighlightedText， white）;
　　pal.setActive（cg）;
　　cg.setColor（QColorGroup：：Foreground， black）;
　　cg.setColor（QColorGroup：：Button， QColor（192， 192， 192））;
　　cg.setColor（QColorGroup：：Light， white）;
　　cg.setColor（QColorGroup：：Midlight， QColor（220， 220， 220））;
　　cg.setColor（QColorGroup：：Dark， QColor（96， 96， 96））;
　　cg.setColor（QColorGroup：：Mid， QColor（128， 128， 128））;
　　cg.setColor（QColorGroup：：Text， black）;
　　cg.setColor（QColorGroup：：BrightText， white）;
　　cg.setColor（QColorGroup：：ButtonText， black）;
　　cg.setColor（QColorGroup：：Base， white）;
　　cg.setColor（QColorGroup：：Background， white）;
　　cg.setColor（QColorGroup：：Shadow， black）;
　　cg.setColor（QColorGroup：：Highlight， black）;
　　cg.setColor（QColorGroup：：HighlightedText， white）;
　　pal.setInactive（cg）;
　　cg.setColor（QColorGroup：：Foreground， QColor（128， 128， 128））;
　　cg.setColor（QColorGroup：：Button， QColor（192， 192， 192））;
　　cg.setColor（QColorGroup：：Light， white）;
　　cg.setColor（QColorGroup：：Midlight， QColor（220， 220， 220））;
　　cg.setColor（QColorGroup：：Dark， QColor（96， 96， 96））;
　　cg.setColor（QColorGroup：：Mid， QColor（128， 128， 128））;
　　cg.setColor（QColorGroup：：Text， black）;
　　cg.setColor（QColorGroup：：BrightText， white）;
　　cg.setColor（QColorGroup：：ButtonText， QColor（128， 128， 128））;
　　cg.setColor（QColorGroup：：Base， white）;
　　cg.setColor（QColorGroup：：Background， white）;
　　cg.setColor（QColorGroup：：Shadow， black）;
　　cg.setColor（QColorGroup：：Highlight， black）;
　　cg.setColor（QColorGroup：：HighlightedText， white）;
　　pal.setDisabled（cg）;
　　setPalette（pal）;
　　QFont f（font（））;
　　f.setFamily（“adobe-helvetica”）;
　　f.setPointSize（29）;
　　f.setBold（TRUE）;
　　setFont（f）;
　　setCaption（tr（“”））;
　　/* 以下是手动添加的代码 */
　　t = “Hello，World”;
　　b = 0;
　　QTimer *timer = new QTimer（this）;
　　connect（timer， SIGNAL（timeout（））， SLOT（animate（）））;
　　timer-》start（40）;
　　}
　　/*
　　* Destroys the object and frees any allocated resources
　　*/
　　Hello：：~Hello（）
　　{
　　}
　　/* 以下至结尾是手动添加的代码 */
　　void Hello：：animate（）
　　{
　　b = （b + 1） & 15;
　　repaint（FALSE）;
　　}
　　/*
　　Handles mouse button release events for the Hello widget.
　　We emit the clicked（） signal when the mouse is released inside
　　the widget.
　　*/
　　void Hello：：mouseReleaseEvent（QMouseEvent *e）
　　{
　　if （rect（）.contains（e-》pos（）））
　　emit clicked（）;
　　}
　　/* Handles paint events for the Hello widget.
　　Flicker-free update. The text is first drawn in the pixmap and the
　　pixmap is then blt‘ed to the screen.
　　*/
　　void Hello：：paintEvent（QPaintEvent *）
　　{
　　static int sin_tbl［16］ = {0， 38， 71， 92， 100， 92，
　　71， 38， 0， -38， -71， -92， -100， -92， -71， -38};
　　if （t.isEmpty（））
　　eturn;
　　/* 1： Compute some sizes， positions etc. */
　　QFontMetrics fm = fontMetrics（）;
　　int w = fm.width（t） + 20;
　　int h = fm.height（） * 2;
　　int pmx = width（）/2 - w/2;
　　int pmy = height（）/2 - h/2;
　　/* 2： Create the pixmap and fill it with the widget’s background */
　　QPixmap pm（w， h）;
　　pm.fill（this， pmx， pmy）;
　　/* 3： Paint the pixmap. Cool wave effect */
　　QPainter p;
　　int x = 10;
　　int y = h/2 + fm.descent（）;
　　int i = 0;
　　p.begin（&pm）;
　　p.setFont（font（））;
　　while （！t［i］.isNull（））
　　{
　　nt i16 = （b+i） & 15;
　　.setPen（QColor（（15-i16）*16，255，255，QColor：：Hsv））;
　　wText（x， y-sin_tbl［i16］*h/800， t.mid（i，1）， 1）;
　　+= fm.width（t［i］）;
　　+;
　　}
　　p.end（）;
　　/* 4： Copy the pixmap to the Hello widget */
　　bitBlt（this， pmx， pmy， &pm）;
　　}
　　（4）编写主函数main（）。
　　一个Qt/Embeded应用程序应该包含一个主函数，主函数所在的文件名是main.cpp。主函数是应用程序执行的入口点。以下是“Hello，World”例子的主函数文件main.cpp的实现代码：
　　/****************************************************************************
　　** 以下是 main.cpp 源代码
　　****************************************************************************/
　　#include “hello.h”
　　#include 《qapplication.h》
　　/*
　　The program starts here. It parses the command line and builds a message
　　string to be displayed by the Hello widget.
　　*/
　　#define QT_NO_WIZARD
　　int main（int argc， char **argv）
　　{
　　QApplication a（argc，argv）;
　　Hello dlg;
　　QObject：：connect（&dlg， SIGNAL（clicked（））， &a， SLOT（quit（）））;
　　a.setMainWidget（&dlg）;
　　dlg.show（）;
　　return a.exec（）;
　　}
　　（5）编辑工程文件hello.pro文件。
　　到目前为止，为Hello，World例子编写了一个头文件和两个源文件，这3个文件应该被包括在工程文件中，因此还需要编辑hello.pro文件，加入hello.h、hello.cpp、main.cpp这3个文件名。具体定义如下：
　　/****************************************************************************
　　** 以下是 hello.pro 文件的内容
　　****************************************************************************/
　　TEMPLATE = app
　　CONFIG = qt warn_on release
　　HEADERS = hello.h
　　SOURCES = hello.cpp \
　　main.cpp
　　INTERFACES =
　　（6）生成Makefile文件。
　　编译器是根据Makefile文件内容来进行编译的，所以需要生成Makefile文件。Qt提供的tmake工具可以帮助我们从一个工程文件（.pro文件）中产生Makefile文件。结合当前例子，要从hello.pro生成一个Makefile文件的做法是首先查看环境变量$TMAKEPATH是否指向ARM编译器的配置目录，在命令行下输入以下命令：
　　ECHO $TMAKEPATH
　　如果返回的结果末尾不是…/qws/linux-arm-g++的字符串，那么需要把环境变量$TMAKEPATH所指的目录设置为指向arm编译器的配置目录，过程如下：
　　EXPORT TMAKEPATH = /TMAKE 安装路径/QWS/LINUX-ARM-G++
　　同时，应确保当前的QTDIR环境变量指向Qt/Embedded的安装路径，如果不是，则需要执行以下过程。
　　EXPORT QTDIR = ……/qt-2.3.7
　　上述步骤完成后，就可以使用tmake生成Makefile文件，具体做法是在命令行输入以下命令：
　　TMAKE –O MAKEFILE HELLO.PRO
　　这样就可以看到当前目录下新生成了一个名为Makefile的文件。下一步，需要打开这个文件，做一些小的修改。
　　① 将LINK = arm-linux-gcc改为：LINK = arm-linux-g++
　　这样做是因为要用arm-linux-g++进行链接。
　　② 将LIBS = $（SUBLIBS） -L$（QTDIR）/lib -lm –lqte改为：
　　LIBS = $（SUBLIBS） -L/usr/local/arm/2.95.3/lib -L$（QTDIR）/lib -lm –lqte
　　这是因为链接时要用到交叉编译工具toolchain的库。
　　（7）编译链接整个工程。
　　最后就可以在命令行下输入make命令对整个工程进行编译链接了。
　　make生成的二进制文件hello就是可以在FS2410上运行的可执行文件。