QT5.3.2小白之路——UI界面设计以及正则表达式的说明

本文主要探讨对UI界面设计过程中遇到的问题和解决办法，同时也引出了很多的专业概念，供大家一起学习。

1、UI界面的绘制

1、新建QT Widget Application ，项目名称为“Test”，基类选择“QDialog”，类名保持“Dialog”不变，保持“创建界面”复选框的选中状态。

2、双击dialog.ui文件，打开QT的设计器，中间的空白窗口是一个parent Widget，接着需要建立一些Child Widget。在左边的工具箱中找到所需要的Widget：拖曳出一个Label,一个Line Edit 、一个Horizontal Spacer及两个Push Button。

3、设置widget的属性：具体名称就不一一叙述了，看个人喜好。

4、运行工程，如下图所示：

          简要说明以下在布置布局的过程中的小技巧：

         1、buddy关系；假如设定label的Text为&t，那么程序运行后，按住Alt+t就相当于单击lineEdit，可以通过热键快速定位到需要输入的文本框处，能够减少查找的事件，并能一定程度避免鼠标失灵的尴尬；具体操作：选择编辑，点击编辑伙伴命令即可；

        2、Horizontal Spacer以及同类型的间隔控件；在设定UI界面的布局时，这些小的部件能够给绘制UI界面提供很多的便利，主要是看起来更美观一些；

        3、QT的Layout Manage 能够对各个小部件的位置进行适合的调整，按住ctrl键，勾选多个widget，再点击合适的对齐的方式，我们就可以完成一个简单的布局操作；

        4、同时，我们可以利用工具栏中的调整大小按钮、Tab键顺序按钮来对widget进行调整，以满足我们正常的需求；

        2、UI初始化以及槽函数与信号的连接

        1、在头文件中，我们首先定义如下几个变量：

private:
    Ui::Dialog *ui;
private slots:
    void on_lineEdit_textChanged(QString);//槽函数的声明
    void on_okButton_clicked();
    void on_cancelButton_clicke