第5章 使用Qt基本GUI工具.pdfVIP

第5章 使用Qt基本GUI工具 本章重点 ★ 使用Qt Designer（设计师）进行GUI 设计 ★ 使用Qt Demo浏览Qt应用开发 ★ 使用QtAssistant（助手）获取在线文档与帮助 5.1使用Qt Designer进行GUI 设计 5.1.1简介 Qt Designer，又被称作是Qt 设计师，是一个所见即所得的全方位GUI构造器，它所 设计出来的用户界面能够在多种平台上使用。它是 Qt SDK的一部分，也是最为重要的开发 工具之一。利用Qt Designer，我们可以拖放各种Qt控件构造图形用户界面并可预览效 果。 通常一个Qt Designer的样子如图5-1所示。 图5-1 Qt Designer的观感 使用Qt Designer，开发人员既可以创建“对话框”样式的应用程序、又可以创建带有 菜单、工具栏、气球帮助以及其他标准功能的“主窗口”样式的应用程序。Qt Designer 提供了多种窗体模板，开发人员可以创建自己的模板，确保某一应用程序或某一系列应用程 序界面的一致性。编程人员可以创建自己的自定义窗体，这些窗体可以轻松与 Qt Designer 集成。 Qt Designer 支持采用基于窗体的方式来开发应用程序。窗体是由用户界面 (.ui) 文 件来表示的，这种文件既可以转换成 C++ 并编译成一个应用程序，也可以在运行时加以处 理，从而生成动态用户界面。Qt 的构建系统能将用户界面的编译构建过程自动化，使设计 过程更轻松。 Qt Designer可以轻松的与许多常见的IDE集成Windows 平台的商业许可证持有人可 以在 Microsoft Visual Studio® 内充分享受到Qt Designer 用户界面设计所带来的便 利。在 Mac OS X 中，开发人员则可在 Apples Xcode® 环境内使用 Qt Designer。另外， Nokia还为跨平台的Eclipse集成环境开发了Qt的集成插件，以将Qt Designer及其他Qt 技术嵌入到集成环境框架中。 5.1.2启动并设置Qt Designer 要运行Qt Designer，在Windows下，可单击“开始”菜单中的“Qt SDK by Nokia v2009.3(Open Source) | designer”；在UNIX下，可在命令行终端中输入designer命 令；在Mac OS X Finder中，只需双击designer即可。以Linux系统为例，启动Qt Designer通常有2种方法： 1.程序组启动 一般的，如果你的Qt 是采用发行版已经编译好的Qt包的话，安装完毕后就已经在程 序组中设置了链接项，一般是在【开发】或是在【编程】组中。以笔者的 Red Flag为例， 依次点击【应用程序】→【开发】→【Qt】→【Qt4 Designer–Interface Designer】 后，Qt Designer就会启动了。 2.命令行启动 如果你是自己采用编译源代码的方式安装 Qt，并且没有设置快捷方式的话，你可以从 命令行启动Qt Designer。方法是进入到命令行方式，或者打开一个终端，进入你 Qt安装 的目录，以笔者的Red Flag为例，进入 /usr/bin/目录，输入 ./designer-qt4，即可启 动Qt Designer。 注意，不同的Linux发行版的菜单设置以及可执行文件命名可能会有所不同。 3.设置Qt Designer 启动Qt Designer后，首先需要需要对它进行设置。 Qt Designer支持两种界面排列形式：一种是多个顶极窗口并列分布形式；一种是与 Windows上常见的IDE类似的单窗口（即多停靠窗锚接）形式。 多个顶级窗口的样子如图5-2所示，Qt Designer的各个子窗口都作为独立的顶级窗口 排列在屏幕中，用户可以自由改变其位置和尺寸大小。 图5-2 处于“多个顶级窗口”模式下的Qt Designer 锚接窗口模式下的QtDesigner的样子如图5-3所示。 图5-3 处于“锚接的窗口” 模式下的Qt Designer 在Qt4.5版以前，QtDesigner默认情况下以多个顶极窗口并列的形式显示，在 Qt4.