Normal
0
7.8 磅
0
2
false
false
false
MicrosoftInternetExplorer4
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:普通表格;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";
mso-ansi-language:#0400;
mso-fareast-language:#0400;
mso-bidi-language:#0400;}
第一章Hello World!
好的,现在我们一起来学习使用QT Designer设计我们的QT应用程序。现在我们做一些准备工作,我们最好为每一个QT程序建立一个单独的文件夹,这样就可以让我们更方便的使用QT为我们提供的工具,例如qmake等。
[root@localhost test]# mkdir /root/DesignerTutorial1
[root@localhost test]# cd /root/DesignerTutorial1
然后打开QT Designer ,直接在命令行下输入:designer,如下:[root@localhost DesignerTutorial1]# designer&
[3] 16544
[root@localhost DesignerTutorial1]#
这里我们看到"Qt Designer - New/Open"对话框,这是一个新建对话框,我们可以通过从菜单栏的File->New来打开它。我们先选择对话框上的第一个"C++ Project",确定,然后更改名字,这里我们改为tutorial1.pro保存,默认情况是保存到我们刚刚创建的文件夹/root/DesignerTutorial1
这样我们就创建了一个*.pro文件。下面我们再创建一个对话框。从菜单栏的File->New打开新建对话框,选择第二个:Dialog,然后也同样保存到刚刚创建的文件夹/root/DesignerTutorial1下。这时侯,你的QT Designer中就会出现一个From1来.更改右下角那个窗口里的caption,原内容"Form1"改为"我的第一个QT
Desiger程序",
name ,原内容"Form1"改为"form_main"可以看到这时候窗口的标题栏文字已经改变为"Form1"改为"我的第一个QT Desiger程序",不是吗?
现在我们点击一下左边窗口上面的ToolBox中的那个PushButton (标有OK的图标)并且用鼠标选择一个合适的大小.在这个PushButton上面用用鼠标双击一下,我们就可以改变按钮上显示的字了。这里我们把"pushButton1"这几个字,换成“Hello World!”,然後用选择OK就可以了.现在我们看到,那个按钮上的标签已将变成“Hello
World!”了.更改右下角那个窗口"Property Editor"里的name ,原内容"pushButton1"改为"pBtnHello"
我们就算是基本完成了。保存下。 如果想看看这个小程序长什麽样子.可以用CTRL+T来看PreView.
这时侯我们只需要一个小的main.cpp就可以编译了。同样我们的QT Designer也可以为我们生成main.cpp。从菜单栏的File->New打开新建对话框,选择最后一个:C++ Main-File(main.cpp).然后也同样保存到刚刚创建的文件夹/root/DesignerTutorial1下。
好了,现在来编译我们的程序。生成Makefile文件:[root@localhost DesignerTutorial1]# qmake编译:[root@localhost DesignerTutorial1]# make
/usr/lib/qt-3.1/bin/uic form1.ui -o .ui/form1.h
g++ -c -pipe -Wall -W -O2 -march=i386 -mcpu=i686 -g -DGLX_GLXEXT_LEGACY
-fno-use-cxa-atexit -fno-exceptions -DQT_NO_DEBUG
-I/usr/lib/qt-3.1/mkspecs/default -I. -I/usr/lib/qt-3.1/include -I.ui/ -I.moc/
-o .obj/main.o main.cpp
/usr/lib/qt-3.1/bin/uic form1.ui -i form1.h -o .ui/form1.cpp
g++ -c -pipe -Wall -W -O2 -march=i386 -mcpu=i686 -g -DGLX_GLXEXT_LEGACY
-fno-use-cxa-atexit -fno-exceptions -DQT_NO_DEBUG
-I/usr/lib/qt-3.1/mkspecs/default -I. -I/usr/lib/qt-3.1/include -I.ui/ -I.moc/
-o .obj/form1.o .ui/form1.cpp
/usr/lib/qt-3.1/bin/moc .ui/form1.h -o .moc/moc_form1.cpp
g++ -c -pipe -Wall -W -O2 -march=i386 -mcpu=i686 -g -DGLX_GLXEXT_LEGACY
-fno-use-cxa-atexit -fno-exceptions -DQT_NO_DEBUG
-I/usr/lib/qt-3.1/mkspecs/default -I. -I/usr/lib/qt-3.1/include -I.ui/ -I.moc/
-o .obj/moc_form1.o .moc/moc_form1.cpp
g++ -o tutorial1 .obj/main.o .obj/form1.o .obj/moc_form1.o
-L/usr/lib/qt-3.1/lib -L/usr/X11R6/lib -lqt-mt -lXext -lX11 -lm
[root@localhost DesignerTutorial1]# ls
form1.ui form1.ui~ main.cpp Makefile tutorial1
tutorial1.pro可以看到tutorial1 ,这就是我们的可执行程序,运行:[root@localhost DesignerTutorial1]# ./tutorial1
大功告成。
第二章调用退出
上一章我们学习了QT Designer的基本使用方法,这一章我们添加一些稍稍复杂的功能。
现在我们做一些准备工作,上次我们说过,我们最好为每一个QT程序建立一个单独的文件夹,这样就可以让我们更方便的使用QT为我们提供的工具,例如qmake等。
[root@localhost root]# mkdir /root/DesignerTutorial2
[root@localhost root]# cd /root/DesignerTutorial2
然后打开QT Designer ,直接在命令行下输入:designer,如下:[root@localhost DesignerTutorial2]# designer&
[3] 16544
[root@localhost DesignerTutorial2]#
这里我们看到"Qt Designer - New/Open"对话框,这是一个新建对话框,我们先选择对话框上的第一个"C++ Project",确定,然后更改名字,这里我们改为tutorial2.pro保存,默认情况是保存到我们刚刚创建的文件夹/root/DesignerTutorial2
这样我们就创建了一个*.pro文件。下面我们再创建一个对话框。从菜单栏的File->New打开新建对话框,选择第二个:Dialog,然后也同样保存到刚刚创建的文件夹/root/DesignerTutorial2下。这时侯,你的QT Designer中就会出现一个From1来.更改右下角那个窗口里的caption,原内容"Form1"改为"我的第二个QT
Desiger程序--调用退出",
name ,原内容"Form1"改为"form_main"可以看到这时候窗口的标题栏文字已经改变为"Form1"改为"我的第二个QT Desiger程序--调用退出",不是吗?
现在我们点击一下左边窗口上面的ToolBox中的那个PushButton (标有OK的图标)并且用鼠标选择一个合适的大小.在这个PushButton上面用用鼠标双击一下,我们就可以改变按钮上显示的字了。这里我们把"pushButton1"这几个字,换成“退出我的程序”,然後用选择OK就可以了.现在我们看到,那个按钮上的标签已将变成“退出我的程序”了.更改右下角那个窗口"Property Editor"里的name ,原内容"pushButton1"改为"pBtnClose"
现在我们想在程序运行的时候点击这个“退出我的程序”按钮就关闭我们的应用程序,那么我们该怎么做呢?也许你已经想到了为它添加一个信号和槽,是这样的吗?那么恭喜你,你已经了解了QT的核心内容了。
我们按一下F3(或者有菜单栏选择Edit->Connections),然後在那个“退出我的程序”按钮上点击一下。这时侯我们就看到了View and Edit Connection的Dialog了.在Signal中选择clicked,在slot中,先选择close()就好了,在Reciever中选择form_main.这时侯选择OK.
我们就算是基本完成了。保存下。 如果想看看这个小程序长什麽样子.可以用CTRL+T来看PreView.点击按钮看看,窗口关闭了,对吗?
这时侯我们只需要一个小的main.cpp就可以编译了。同样我们的QT Designer也可以为我们生成main.cpp。从菜单栏的File->New打开新建对话框,选择最后一个:C++ Main-File(main.cpp).然后也同样保存到刚刚创建的文件夹/root/DesignerTutorial2下。
好了,现在来编译我们的程序。生成Makefile文件:[root@localhost DesignerTutorial2]# qmake编译:[root@localhost DesignerTutorial2]# make
/usr/lib/qt-3.1/bin/uic form_main.ui -o .ui/form_main.h
g++ -c -pipe -Wall -W -O2 -march=i386 -mcpu=i686 -g -DGLX_GLXEXT_LEGACY
-fno-use-cxa-atexit -fno-exceptions -DQT_NO_DEBUG -I/usr/lib/qt-3.1/mkspecs/default
-I. -I/usr/lib/qt-3.1/include -I.ui/ -I.moc/ -o .obj/main.o main.cpp
/usr/lib/qt-3.1/bin/uic form_main.ui -i form_main.h -o .ui/form_main.cpp
g++ -c -pipe -Wall -W -O2 -march=i386 -mcpu=i686 -g -DGLX_GLXEXT_LEGACY
-fno-use-cxa-atexit -fno-exceptions -DQT_NO_DEBUG
-I/usr/lib/qt-3.1/mkspecs/default -I. -I/usr/lib/qt-3.1/include -I.ui/ -I.moc/
-o .obj/form_main.o .ui/form_main.cpp
/usr/lib/qt-3.1/bin/moc .ui/form_main.h -o .moc/moc_form_main.cpp
g++ -c -pipe -Wall -W -O2 -march=i386 -mcpu=i686 -g -DGLX_GLXEXT_LEGACY
-fno-use-cxa-atexit -fno-exceptions -DQT_NO_DEBUG
-I/usr/lib/qt-3.1/mkspecs/default -I. -I/usr/lib/qt-3.1/include -I.ui/ -I.moc/
-o .obj/moc_form_main.o .moc/moc_form_main.cpp
g++ -o tutorial2 .obj/main.o .obj/form_main.o .obj/moc_form_main.o
-L/usr/lib/qt-3.1/lib -L/usr/X11R6/lib -lqt-mt -lXext -lX11 -lm
[root@localhost DesignerTutorial2]# ./tutorial2
[root@localhost DesignerTutorial2]# ls
form_main.ui main.cpp Makefile tutorial2 tutorial2.pro可以看到tutorial2 ,这就是我们的可执行程序,运行:[root@localhost DesignerTutorial2]# ./tutorial2点击按钮看看,窗口关闭了,这不正是我们期望的吗?
第三章编写自己的槽
上一章我们学习了QT Designer的基本使用方法,并且知道来如何添加信号和槽了。这一章我们看看如何编写自己的槽来响应一些信号。
好的我们开始这一章。[root@localhost root]# mkdir /home/DesignerTutorial
[root@localhost root]# mkdir /home/DesignerTutorial/tutorial3
[root@localhost root]# cd /home/DesignerTutorial/tutorial3
[root@localhost tutorial3]# designer&
[1] 4233
[root@localhost tutorial3]#
这里我们看到"Qt Designer - New/Open"对话框,这是一个新建对话框,我们先选择对话框上的第一个"C++ Project",确定,然后更改名字,这里我们改为tutorial3.pro保存,默认情况是保存到我们打开designer的目录,也就是刚刚创建的文件夹/home/DesignerTutorial/tutorial3
这样我们就创建了一个工程文件*.pro。下面我们再创建一个对话框。从菜单栏的File->New打开新建对话框,选择第二个:Dialog,然后也同样保存到刚刚创建的文件夹/home/DesignerTutorial/tutorial3下。这时侯,你的QT Designer中就会出现一个From1来.更改右下角"Property Editor/Signal Handlers"那个窗口里的caption,原内容"Form1"改为"我的第三个QT Desiger程序--编写自己的槽",里的name ,原内容"Form1"改为"form_main"可以看到这时候窗口的标题栏文字"Form1"已经改变为"我的第三个QT Desiger程序--编写自己的槽",不是吗?
现在我们点击一下左边窗口上面的 ToolBox中的那个PushButton (标有OK的图标)并且用鼠标选择一个合适的大小.在这个PushButton上面用用鼠标双击一下,我们就可以改变按钮上显示的字了。这里我们把"pushButton1"这几个字,换成“加”,然後用选择OK就可以了.现在我们看到,那个按钮上的标签已将变成“加”了.更改右下角那个"Property Editor/Signal Handlers"窗口里的name ,原内容"pushButton1"改为"pushBtnAdd"
以同样的方法,再放置一个按钮PushButton到窗口上,改pushButton2为"关闭",将右下角那个窗口里的name的原内容"pushButton2"改为"pushBtnClose" .
现在我们放置两个输入数字的窗口,这个控件是LineEdit以同样的方法放置两个LineEdit到窗口上 ,更改右下角那个窗口里的name内容,其中一个由原内容"lineEdit1"改为"lineEditAdd1"另一个由原内容"lineEdit2"改为"lineEditAdd2"我们再放置一个加法结果输出的窗口,这个控件我们选择另一个,它是TextLabel当然你也可以选择你喜欢的控件,比如:LineEdit,也可以。
以同样的方法放置一个TextLabel到窗口上 ,改"textLabel1"为"结果输出",更改右下角那个窗口里的name内容,原内容"textLabel1"改为"textLabelResult"这里可以用鼠标将其大小拉长些,一便容纳我们的输出数据。我们这时侯需要给“关闭”按钮一个signal(信号),这样当您点击这个“关闭”按钮的时侯,QT才知道如何去处理这个信号。我们按一下F3(connect singnal slot)然後在那个“关闭”按钮上面点击一下,这时侯我们就看到了Close Connection的Dialog了.在Signal中选择clicked,在slot中,先选择close()就好了,在Reciever中选择form_main.这时侯选择OK.下面我们自己写个信号的处理槽来实现加法。按一下F3(或者有菜单栏选择Edit->Connections),然後在那个“加”按钮上点击一下。这时侯我们就看到了"View and Edit Connection"的Dialog了。在Signal中选择clicked,在Receiver中选择"form_main"在Slot中,都是QT为我们准备好的槽,我们可以不选择,或者先选择close()就好了。不要关闭这个窗口,点击右边的“Edit Slots...”按钮,然后就可以看见" Edit Functions "窗口,该窗口也可以通过“主菜单Edit->Slots”打开。点击"New Function"按钮,将"newSlot()"改为"addSlot()" ,然后选择OK。这个时候我们再回到"View and Edit Connection"对话框中,在Slot中我们现在看到了刚刚自己创建的槽"addSlot()",对吗?是的,我们选择"addSlot()"。
现在我们必须在"addSlot()"槽中添加数据处理的代码,这样它才能做我们期望的事情。在主窗体"form_main"的空白处双击鼠标左键,弹出对话框"Creating ui.h file",我们选择"Yes",然后可以看到一个编辑窗口,内容如下:/****************************************************************************
** ui.h extension file, included from the uic-generated form implementation.
**
** If you wish to add, delete or rename functions or slots use
** Qt Designer which will update this file, preserving your code. Create an
** init() function in place of a constructor, and a destroy() function in
** place of a destructor.
*****************************************************************************/
void form_main::addSlot()
{
}
这正是我们需要的,不是吗?因为我们正想编辑"addSlot()"这个槽。好的我们在"addSlot()"函数体中添加如下代码,那么这个文件的所有内容看起来像这样:/****************************************************************************
** ui.h extension file, included from the uic-generated form implementation.
**
** If you wish to add, delete or rename functions or slots use
** Qt Designer which will update this file, preserving your code. Create an
** init() function in place of a constructor, and a destroy() function in
** place of a destructor.
*****************************************************************************/
void form_main::addSlot()
{
QString str1, str2, strResult;
double add1 = 0.0, add2 = 0.0, result = 0.0;
//得到输入的字符str1 = lineEditAdd1->text();
str2 = lineEditAdd2->text();
//转换为数字bool ok1 = FALSE, ok2 = FALSE;
add1 = str1.toDouble( &ok1 );
add2 = str2.toDouble( &ok2 );
if ( ok1 && ok2 )
{ //如果输入 的是数字的话result = add1 + add2;
strResult.sprintf( "%f + %f = %f", add1, add2, result );
textLabelResult->setText( strResult );
}
else
{
QMessageBox::warning( this, "Input Error",
"Could not convert the input to
the numbersn"
"Please try again.nn",
"Retry",
"Quit", 0, 0, 1 );
}
}
因为我们刚刚用到了QString、QMessageBox这两个类,我们必须包含他们的头文件。下面我们在"Object Explorer"中添加这个两个类的头文件,选择"Menbers"标签,在"Includes (In declaration)"处,右击鼠标选择"New",然后输入:qstring.h以同样的方法输入:qmessagebox.h
这时侯我们只需要一个小小的main.cpp就可以编译了。同样我们的QT Designer也可以为我们生成main.cpp。从菜单栏的File->New打开新建对话框,选择最后一个:C++ Main-File(main.cpp).然后也同样保存到刚刚创建的文件夹/home/DesignerTutorial/tutorial3下。
好了,现在来编译我们的程序。生成Makefile文件:[root@localhost tutorial3]# qmake编译:[root@localhost tutorial3]# make
[root@localhost DesignerTutorial3]# ls
form_main.ui main.cpp Makefile tutorial3 tutorial3.pro可以看到tutorial3 ,这就是我们的可执行程序,运行:[root@localhost tutorial3]# ./tutorial3在两个输入框中输入数字,点击“加”按钮,看看效果再输入非数字字符,看看效果。