第四讲使用qtdesigner快速的设计界面.pdfVIP

第四讲 ：使用qt designer 快速设计界面 4.1 快速设计对话框 对于程序员来说，纯粹通过编写C++源代码来开发整个Qt应用程序并不稀奇。不过，许多程 序员还是喜欢使用可视化的方法来设计窗体，Qt设计器(Qt Designer)为程序员们提供了可供使 用的新选择，它提供可视化的设计能力。用Qt Designer 设计的对话框和用c++代码写成的对话 框是一样的，可以用做一个常用的工具，并不对编辑器产生影响。 在这一节中，我们介绍使用Qt Designer来创建如图1所示的qqLoginDlg的窗体和程序代码, 无论用编写代码的方式还是用Qt Designer，创建对话框都有如下基本的步骤： 图1 QQ的登陆框 1、创建和初始化子控件。 2、把子控件放到布局管理器中。 3、设置子控件的tab 顺序和控件之间的伙伴关系。 4、创建信号和槽。 5、实现对话框的自己的槽函数。 打开QDevelop，创建一个工程，工程的模板选择“带对话框的工程”，工程名、文件名等设 置如下图2所示: 图2 创建新的工程 然后点击“确定”，则工具会创建工程有关的几个文件，在“文件浏览器”中可以看到几个 已经创建好的文件，如下图3所示： 图3 QDevelop主窗口 双击“qqLoginDlg.ui”文件，QDevelop将会启动“Qt 设计师(Qt Designer)”来打开这个 文件，刚启动设计师designer的时候，它会问是否需要“新建窗体”，因为已经有了一个窗体， 因此我们选择“关闭”。现在你应该得到一个窗口，其名称为“qqLoginDlg.ui”，如下图4所示： 图4 Qt 设计师主界面 默认情况下，Qt设计师（Qt Designer）的用户界面由几个顶级窗口组成，如果你喜欢那种 一个顶级窗口带几个子窗口的MDI形式的操作界面，那么你可以单击“设置” “属性”，选择 用户界面模式为“锚接的窗口”即可。上图即为锚接的形式。 第一步是创建子窗口部件并且把它们放置到窗体中。先将对话框界面上默认产生的一个标签 和两个按钮删除，按照图1，我们创建两个标签(Label)、两个行编辑器(Line Edit)和两个按钮 (PushButton)。对于这里的每一项，可先从Qt设计师的窗口部件工具箱中拖拽其名字或者图表并 将其放到窗体中的大概位置。现在不必为怎么摆放这些部件花费太多的时间，稍后我们使用Qt的 布局管理器，可以把这些部件摆放好。 使用Qt设计师的属性编辑器（图2中右中部分）可以设置每一个窗口部件的属性： 1. 单击第一个文本标签，设置它的objectName的属性为“label1”，text属性设置成”User Name”。 2. 对第二个文本标签，设置它的objectName属性为“label2”，text属性设置成“Password”。 3. 单击第一个行编辑器，设置它的objectName属性为“userNameLEdit”。 4. 单击第二个行编辑器，设置它的objectName属性为“passwordLEdit”。 5. 同样将第一个按钮的objectName设置为“loginButton”，将它的enabled属性设置成 “false”，将它的text属性设置成“＆Login”，再将它的default属性设置成“true”。 6. 将第二个按钮的objectName设置为“clearButton”，将它的text属性设置成“Clear”。 7. 单击这个窗体中空白的地方，选中窗体本身。将objectName设置成“QQLoginDlg”，并 且将它的windowTitle属性设置成“QQ”。然后拖动窗体的右下角的黑色方块向上，使得窗体大 小看起来合适一点，完成后如下图5所示： 图5 初步设计的窗体 现在，除了文本标签，所有的窗口部件看起来都很不错，文本标签仍然显示“User Name” 和“＆Password”。单击菜单“编辑→编辑伙伴” （或者单击工具栏上的“编辑伙伴”工具按钮） 进入一种允许设置窗口部件伙伴(buddy)