如何在VS2017里部署的Qt Designer上编辑槽函数

Qt学习笔记（一）

如何在Qt Designer上编辑槽函数

最近要用到关于Qt的一些知识，奈何之前我使用的是Qt Creator，而且是好几年前的事情了，现在需要在VS上部署Qt然后再去应用它，所有我只能从头开始去学习。
我部署完之后发现Qt Creator的设计师和VS里的Qt Designer有一个很关键的不同，就是在VS的ui界面右击某个控件后却没有转到槽这个选项，所以一直使用Qt Creator的我不知道该怎么使用ui界面进行设计了，然后在网上找到了一些方法，也基本解决了这个问题，现在在这里记录一下。

环境

Visual Studio 2017

具体步骤

我这里用一个简单计算圆面积的例子来阐述。

如上图所示，我们需要在compute这个Button添加槽函数来计算圆的面积，并将圆的面积显示到上面area Label控件的后面，我们右击，可以发现是没有转到槽这个选项的。

这个时候怎么办呢，我们可以找到Qt Designer菜单栏的Edit选项，在它的下拉列表中点击编辑信号/槽

然后鼠标左击按住compute按钮，可以拖出来一条“地”线，随便放置在一侧，然后松开鼠标，随后会弹出一个配置连接的对话框，左边一栏是信号，右边一栏是槽，我们可以看到信号那一栏的编辑是灰色的，我们点击槽那一栏的编辑。（这里可以看到我的槽函数窗口中已经有了clicked_on_countBtn()，这是我之前定义的，你们应该是没有这个槽函数的，下面我们看怎么创建它）

在弹出来的窗口中，我们点击槽的“+”号然后输入我们要设计的槽函数，我这里写的clicked_on_countBtn()，然后点击OK

然后我们可以看到在配置连接的窗口右侧已经出现了我们刚才编辑的clicked_on_countBtn()函数，然后我们选择左侧按钮的信号为clicked()，随后选择右侧自定义的槽函数 ，再点击OK

确定之后我们可以看到ui界面上多了一些东西，然后在右下角出现了槽函数的配置信息


随后点击工具栏上的“编辑窗口部件”按钮退出槽函数编辑模式

到此，ui界面这边的设置就基本完成了，然后我们看到工程文件里，在dialog.h文件中的Dialog类里面，添加如下代码

private slots:
	void clicked_on_countBtn();

在dialog.cpp文件中进行函数定义，添加如下代码段

void Dialog::clicked_on_countBtn()
{
	bool ok;
	QString tempStr;
	QString valueStr = ui.raduis_lineEdit->text();
	int valueInt = valueStr.toInt(&ok);
	double area = valueInt * valueInt * 3.14159;
	ui.area_Label_2->setText(tempStr.setNum(area));
}

然后就大功告成啦，我们重新生成解决方案，可以发现没有问题

然后运行程序，在窗口的radius中输入半径为12，然后点击compute的按钮，在area后面成功的输出了计算结果，到此就完成了！