嵌入式开发-课件-第10章、Qt工具使用.pdfVIP

入式学院—华清远见旗下品牌： 《Qt4 图形设计与 入式开发》 《Qt4 图形设计与 入式开发》——第 10 章、Qt 工具使用 第10 章 Qt 工具使用 入式学院—华清远见旗下品牌： 《Qt4 图形设计与 入式开发》——第 10 章、Qt 工具使用 10.1 Qt 设计器使用 Qt 设计器也可以称为Qt Designer，它的功能是让程序设计者可以使用鼠标来设 计程序，在4.3 版本的Qt Designer 中添加了许多功能，但是它并不影响美观。 Qt 的设计思路可以作为以后设计程序软件的一种新的思维方式，程序员只要把 相应的部件布置在布局上，并使用系统中的信号与槽的机制让程序自动运行，qmake 可以重新编译用户界面（UI ），并且根据作者的设计转换成C++语言的源代码。 Qt 设计器是用来设计图形程序的一个图形设计的接口，它可以组织Qt 中的组 件，也可以说它包含了Qt 中的组件，它帮助用户在图形 模式下设计各种部件以及各种对话框。 那些被创建的部件还用到了高级的信号与槽的操作， 并且在 IDE 环境中也得到支持，另外在设计的过程中还可 以预先看到设计的样式和整体的布局情况，如图10.1 所示。 以上的程序，完全可以在Qt Designer 中很容易地做 到，如果选择直接编写 C++代码的话，那将是一个浪费 图10.1 设计器设计布局与样式 时间的过程，开源程序固然讲究程序设计的高深，但是也需要效率和时间的要求。 10.1.1 开始使用Qt 设计器 在Window 上用户可以单击开始按钮，选择程序找到Qt 的选项，然后单击Qt Desinger，程序设计的IDE 界面就显示出来了。 在UNIX 或者Linux 上你可以拖动一个Qt Desinger 的图标到桌面上，并使用它 来编写程序，它是一个快捷的链接。另外Qt 在Linux 上的执行路径是QTDIR，其 中包含了Qt Designer 的可执行路径，在命令行或者shell 中可以启动它。 10.1.2 建立部件与使用布局 Qt 的设计器提供了一个可拖动的部件建立的构造，它提供了方便的部件分类， 这些部件用于图形界面的显示，在程序运行中它们显示用于返回程序的结果，或者 与程序进行交互，这些部件最终生成一个UI 的文件。 在部件分类中提供了布局相关部件、各种按钮部件、列表部件与项目部件，另 外还包含了容器部件、输入部件和显示部件。 下面我们建立一个实例来说明怎样在 Qt 中使用部件的拖动与布局，这个实例 是用来输入一个文本之后，当按钮“OK ”被单击，文本将显示在一个显示栏中。 建立一个窗口，如图10.2 所示。 单击“创建”按钮。 创建了一个空白的主部件 （如图10.3 所示），之后从左边的部件栏中拖动部件。 入式学院—华清远见旗下品牌： 《Qt4 图形设计与 入式开发》——第 10 章、Qt 工具使用 图10.2 新建窗体提示框 图10.3 创建窗体 上面的部件是从左边的部件栏中拖曳5 个按钮，布局十分凌乱（如图10.4 所示）， 下面需要我们来建立一两个横向的布局。 如果需要使用这个界面，并为这个界面添加代码，需要保存到一个UI 文件。 5 个按钮采取了横向布局，两个布局彼此独立，如图10.5 所示，在Qt 的布局 代码中可以将一个布局看做是一个特殊的部件。因此当面对两个已经独立存在的布 局时，在两个布局上再添加布局也是可以的，这可使用鼠标直接拖曳的方法来完成。 图10.4 未布局按钮 图10.5 布局后按钮 下面是转化一个纵向布局的方法，如图10.6 所示。 在Qt 中编译这个界面的方法需要把它保存为一个 己命名的UI 文件，如图10.7 所示。 这个mylayou.ui 文件是 己命名的文件，如果需要使用的话，则需要在源文件 中声明，最终被编译成为C++代码的模式。