Linux下QT图形界面开发 用快速开发工具Qt Designer编写Qt程序(2)

[日期:2009-03-02] 来源:Linux社区  作者:QT编辑
三、用快速开发工具Qt Designer编写Qt程序

我们用的开发系统是Linux,开发工具是Qt Designer.如果大家安装完整版的Linux,系统就带这个工具了.大家可以点击应用程序->编程->Qt Designer来找到它.

Linux下QT图形界面开发 用快速开发工具Qt Designer编写Qt程序(2)_第1张图片

Qt Designer首先呈现给用户的是一个New/Open对话框。因为这里要创建一个C++程序,所以在此选择C++ Project,点击“OK”继续。

Linux下QT图形界面开发 用快速开发工具Qt Designer编写Qt程序(2)_第2张图片

选择一个想要保存文件的位置,并且给出一个文件名,注意这里文件名的扩展名一定要是.pro。点击“OK”后,到下面的界面.

 

Linux下QT图形界面开发 用快速开发工具Qt Designer编写Qt程序(2)_第3张图片

 

现在我们看到的就是Qt Designer主窗口,确保Property Editor可见。如果它是不可见的,用户可以通过Windows→Views→Property Editor/Signal Handlers选单选项来使其可见.

下面我们建立一个如下图所示的对话框.

Linux下QT图形界面开发 用快速开发工具Qt Designer编写Qt程序(2)_第4张图片

通过选择File→New选单,然后选择Dialog来创建一个新的对话框。这时Qt Designer会创建一个新的空白对话框,用户可以在其上放置输入框和按钮。

打开Property Editor,把name的值改为“MainForm”,把caption的值改为“Hello world”。 '

然后我们在对话框上拖拽上一个lable,方法是在左面Toolbox的common widgets里的TextLabel,然后在空白对话框上画一下.改一下caption的值改为“Hello world”就得到如下的界面了.

Linux下QT图形界面开发 用快速开发工具Qt Designer编写Qt程序(2)_第5张图片

现在就已经基本完成这个应用程序了。不过在编译和运行此应用程序之前,还要创建一个main.cpp文件。方法是选择File→New→C++Main- File(main.cpp),只需接受缺省的配置即可。main.cpp会自动在Code Editor中打开。因为这里无需改变main.cpp中的 任何东西,所以直接将Code Editor窗口关闭,并且保存main.cpp。

到此为止,在Qt Designer中的工作已经完成了。保存整个项目,下面来编译和运行这个程序。在编译程序之前,要首先生成它的Makefile文件。打开一个终端,然后切换至保存有项目的位置,使用以下命令来生成Makefile文件:

#qmake -o Makefile hellopro

现在,就可以运行make来编译程序了,根据系统的性能,这个步骤需要花费一点时间。当编译工作完成后,输入./hello来运行程序。如果一切正常,用户应该已经看到程序了。

下面是我电脑上程序的界面:

Linux下QT图形界面开发 用快速开发工具Qt Designer编写Qt程序(2)_第6张图片

到这里我们完成了第一个Qt的程序,怎么样呢,是不是有点小成就感.

这里我还有个建议:

最好把每一个项目单独放在一个文件夹里.这样就可以让我们更方便的使用QT为我们提供的工具,例如qmake等。



转载自:http://www.linuxidc.com/Linux/2009-03/18684p2.htm

你可能感兴趣的:(QT,Linux)