Qt入门_设计GoToCellDialog

后面会制作一个简单的电子表格软件，这里先用Qt designer开发“Go to Cell”功能（跳转到指定的单元格），界面如下：

一、使用Qt Designer设计界面

启动designer

$ export PATH=/opt/Qt5.9.8/5.9.8/gcc_64/bin/:$PATH

$ designer

拖拉控件，设置属性：

- QLabel：objectName="label"，text="&Cell Location"；

- QLineEdit：objectName="lineEdit"；

- QPushButton：objectName="okButton"，enabled=false，text="OK"，default=true；

- QPushButton：objectName="cancelButton"，text="Cancel"；

- QWidget：objectName="GoToCellDialog"，windowTitle="Go to Cell";

- Spacer(分隔符)：objectName="horizontalSpacer"

这里之所以将QWidget控件的objectName设置为以大写字母开头的“GoToCellDialog”，是因为后面编译源码时，xxx.ui界面文件(XML)时会被转换为ui_xxx.h(C++)，ui_xxx.h会以“GoToCellDialog”为类名定义一个界面类，类名的首字母应该大写。

得到第一版ui：

设置布局：

- 选中lable和lineEdit，Form->Lay Out Horizontally：

    * layoutName="topLayout"

- 选中horizontalSpacer、okButton、cancelButton，Form->Lay Out Horizontally：

    * layoutName="botLayout"

- 选中goToCellDialog，Form->Lay Out Vertically：

    * layoutName="mainLayout"

- 选中goToCellDialog，Form->Adjust Size;

得到第二版ui：

设置Tab键顺序：

Edit->Edit Tab Order，进入Tab编辑模式：

F3重新进入Edit Widget模式，保存为：

002_gotocell/gotocelldialog.ui。

添加main.cpp：

观察编译过程：

$ ls

build.sh  gotocelldialog.ui  main.cpp

$ qmake -project

$ ls

002_gotocell.pro  build.sh  gotocelldialog.ui  main.cpp

$ cat 002_gotocell.pro

FORMS += gotocelldialog.ui

$ qmake 002_gotocell.pro

$ ls

002_gotocell.pro  build.sh  gotocelldialog.ui  main.cpp  Makefile

$ make

    * /opt/Qt5.9.8/5.9.8/gcc_64/bin/qmake -o Makefile 002_gotocell.pro

    * /opt/Qt5.9.8/5.9.8/gcc_64/bin/uic gotocelldialog.ui -o ui_gotocelldialog.h

    * g++  XXX -o main.o main.cpp

    * g++ XXX -o 002_gotocell main.o XXX

- qmake非常智能，能自动检测到xxx.ui文件；

- xxx.ui会被添加到pro文件里，并且会在makefile里生成适当的规则来调用uic；

- 在执行make时，uic会将xxx.ui(XML文件)转换为ui_xxx.h(C++文件)；

ui_gotocelldialog.h里有什么？

- 我们在Qt Designer里通过可视化界面设计出来的goToCellDialog被Qt很智能地转换为了一个GoToCellDialog类；

- Ui::GotoCellDialog类很显然就是Qt为我们抽离出来的专门负责界面显示的类，开发人员可以轻松地享受界面和业务分离的好处。

- GoToCellDialog类没有父类，因此在main.cpp使用该对话框时需要给他传递一个QDialog对象，该QDialog对象是GoToCellDialog类里各种控件的父窗口；

- GoToCellDialog->setupUi(QWiget *)接收一个QWiget对象，然后在该对象上添加了QLabel/QLineEdit等控件，并设置了控件的属性、布局等，从而构造出一个"Go to Cell" Dialog；

- 在setupUi()里new了许多控件对象，但是没有任何地方delete，是因为Qt在删除父对象(QDialog对象)时，会自动删除其内部的所有子控件对象(QLabel/QPushButton等)和子布局对象

二、为控件添加信号槽

3个待实现的功能：

- OK按钮触发跳转操作；

- Cancel按钮退出对话框；

- 限制lineEdit只能接受有效单元格；

为了让对话框支持上面3个功能，最常用的方法就是定义一个新类，该新类同时继承Ui::GotoCellDialog(复用ui类的代码)和QDialog(支持信号槽)，该新类的命名惯例是：和Ui::GotoCellDialog同名，但是不在命名空间Ui里。

定义GotoCellDialog：
gotocelldialog.h

- 槽函数on_lineEdit_textChanged()用于响应QlineEdit的lineEdit_textChange()信号；

嵌入式物联网需要学的东西真的非常多，千万不要学错了路线和内容，导致工资要不上去！

无偿分享大家一个资料包，差不多150多G。里面学习内容、面经、项目都比较新也比较全！某鱼上买估计至少要好几十。

点击这里找小助理0元领取：加微信领取资料

实现GotoCellDialog：
gotocelldialog.cpp

- QRegExp是正则表达式；

- QRegExpValidator是正则表达式验证器，将this(GoToCellDialog对象)传递给其构造函数，则QRegExpValidator对象会成为GoToCellDialog对象的子对象，当GoToCellDialog对象被删除时，QRegExpValidator对象也会被自动删除；

- Qt的父-子对象机制是在QObejct中实现的，父对象会有一个子对象列表，父对象被删除时，会遍历的删除子对象；

- 子控件会显示在它的父对象所在的区域中；

- 没有父对象的对象，需要明确地使用delete删除；

- clicked()是QDialog的自带信号，accept()/reject()是QDialog自带的槽；

- setupUi()会自动将符合on_objectName_signalName()的所有槽和objectName对象的signalName()信号连接在一起，相当于自动建立信号槽：

    * connect(lineEdit, SIGNAL(textChanged(const Qstring &)), this, SLOT(on_lineEdit_textChanged()));

    * 信号函数的参数个数只要>=槽函数的参数个数就可以绑定在一起；

    * 同一组信号槽是可以被重复绑定的，当一个信号发生时，重复绑定的槽会被调用多次。所以当Qt已经帮我们自动绑定信号槽时，就不要再自己手动去绑定了。

    * 为了提升代码的可读性，可以不使用on_objectName_signalName()这种槽命名，然后自己去绑定；

修改main.cpp，创建GotoCellDialog对象：

运行效果：

最后，总结一下使用Qt Designer 创建对话框的5个步骤：

- 添加控件、设置控件属性；

- 设置布局；

- 设置Tab键；

- 建立信号槽连接；

- 实现槽；

使用Qt Designer时，uic会自动为发生变化的窗口重新生成C++代码，开发人员只需对uic生成的类进行子类化，就可以轻松添加自定义函数的功能了，参考：
《C++ GUI Qt4 编程》

文章链接：
https://mp.weixin.qq.com/s/arrWq6KOeddd1z7vP_Uxbg

转载自：老吴嵌入式

文章链接：Qt入门_设计GoToCellDialog