Qt 界面设计布局编辑

第1 部分

Qt 基础

(2) 双击dialog.ui 文件，打开Qt 的设计器，中间的空白视窗为一个Parent Widget, 需要建立一些Child Widget 。在左边的工具箱中找到所需要的Widget: 拖曳出一个Label、一个Line Edit（用于输入文字）、一个Horizontal Spacer 及两个Push Button 。现在不需要花太多时间在这些Widget 的位置编排上，以后可利用Qt 的Layout Manage 进行位置的编排。

(3) 设置Widget 的属性：

- 选择Label, 确定objectName 属性为 "label", 并且设定text 属性为 "&Cell Location" 。

- 选择Line Edit, 确定objectName 属性为 "lineEdit" 。

- 选择第一个按钮，将其objectName 属性设定为 "okButton", enabled 属性设为 "false", text 属性设为 "OK", 并将default 属性设为 "true" 。

- 选择第二个按钮，将其objectName 属性设为 "cancelButton", 并将text 属性设为 "Cancel" 。

- 将表单背景的windowTitle 属性设为 "Go To Cell" 。

(4) 运行工程，此时看到界面中的label 会显示一个 "&"。为了解决这个问题，选择“编辑“一"Edit Buddies"(编辑伙伴）命令，在此模式下，可以设定伙伴。选中label 并拖曳至lineEdit, 然后放开，此时会有一个红色箭头由label 指向lineEdit。

(5) 对Widget 进行位置编排的布局 (layout)。

- 利用Ctrl 键一次选取多个 Widget, 首先选取 label 与 lineEdit; 接着单击上方工具栏中的"水平布局"按钮。

- 类似地，首先选取 Spacer 与两个 Push Button, 接着单击上方工具栏中的"水平"按钮即可，水平布局后的效果如图2.14 所示。

- 选取整个form (不选任何项目），单击上方工具栏中的"垂直布局"按钮。

- 单击上方工具栏中的"调整大小"按钮，整个表单就自动调整为合适的大小。此时，出现红色的线将各Widget 框起来，被框起来的Widget 表示已经被选定为某种布局了，如图2.15 所示。

(6) 单击"编辑Tab 键顺序"按钮，每个Widget 上都会出现一个方框显示数字，这就是表示按下Tab 键的顺序，调整到需要的顺序。单击"编辑元件"按钮，即可离开此模式，回到原来的编辑模式。此时，运行该程序后的效果如图2.17 所示。

(7) 在头文件 "dialog.h" 中的Dialog 类声明中添加语句：

private slots: 

void on_lineEdit_textChanged(); 

(8) 在源文件 "dialog.cpp" 中的构造函数中添加代码如下：

- ui->setupUi(this); 

- QRegExp regExp("(A-Za-z] [1-9] (0-9){0,2}"); // 正则表达式限制输入字符的范围

- ui->lineEdit->setValidator(new QRegExpValidator(regExp,this)); 

- connect (ui->okButton, SIGNAL (clicked()), this, SLOT (accept())); 

- connect (ui->cancelButton, SIGNAL (clicked()), this, SLOT (reject())); 

以上是关于Qt 基础的部分内容，希望对您有帮助。