QT5实战 001 初尝试

QT 5实战 001 初尝试
本次实验为使用QT creator实现一个简单的功能：输入半径后显示出圆的周长

在装好QT之后打开QT creator新建一个工程，双击界面文件中的.ui文件
进入界面设计器Qt Designer编辑状态，开始进行设计器（Qt Designer）编程。
左侧会出现控件容器栏，可直接拖动组件至主页面：

拖曳控件容器栏的滑动条，在最后的Display Widgets容器栏中找到Label标签控件，拖曳三个此控件到中间的编辑框中；同样，在Input Widgets容器栏中找到Line Edit文本控件，拖曳此控件到中间的编辑框中，用于输入半径值；在Buttons容器栏中找到Push Button按钮控件，拖曳此控件到中间的编辑框中，用于提交响应单击事件。

需要对各控件属性进行修改，其中，修改控件Text值的方法有如下两种。
 直接双击控件本身即可修改
 在Qt Designer设计器的属性栏中修改，如修改表示半径的Label标签

修改areaLabel_2的“frameShape”为Panel；“frameShadow”为Sunken，如图1.26所示。最终效果如图

到这里静态页面设计完毕。要实现输入半径，点击计算后显示面积，需要编写槽响应代码。在界面的右侧的属性窗口会显示主界面中的所有组件，以供查找他们的对象名

（1）在“计算”按钮上按鼠标右键，在弹出的下拉菜单中选择“转到槽…”命令，在“转到槽”对话框中选择“clicked()”信号，单击“OK”按钮。

此时会在mainwindow.cpp中创建一个按钮单击事件的槽函数on_countBtn_clicked()，在此函数中添加如下代码：
void Dialog:: on_countBtn_clicked()
{
double PI=3.1416;
bool ok;
QString tempStr;
QString valueStr=ui->radiusLineEdit->text(); //语句1
int valueInt=valueStr.toInt(&ok); //语句2
double area=valueIntvalueIntPI; //计算圆面积
ui->areaLabel_2->setText(tempStr.setNum(area)); //语句3
}
一旦点击“计算按钮”，程序会执行该槽函数，
通过 语句1 获取用户输入在radiusLineEdit的字符串， 语句2 将该字符串转化为int类型数据，并通过语句3 将计算好的结果显示在areaLabel_2上
运行程序，在“Line Edit”文本框内输入半径值，单击“计算”按钮后，显示圆面积，完成计算圆面积功能。