Qt学习之路二——一个简单的计算圆的面积程序

一、使用ui编辑器来布局计算面积的一些控件

我们新建一个项目，项目名称为CalArea。并且勾选创建图形界面，基类选择QWidget

然后我们将我们需要的一些控件拖到中间的区域，这个区域就是将要设计的顶层窗口部件。我们这个计算面积的小程序需要两个QLabel 类的控件，两个QLineEdit类的控件， 和一个QPushButton类的控件，之后我们需要在对象查看器中改掉它们的命名，如图所示

我们这个计算面积的小程序需要的功能就是：输入半径，然后单击计算面积的按钮，圆的面积就会在面积的框里面显示出来。

这个就要用到Qt的信号和槽机制，我们鼠标在计算面积的按钮上右击，然后转到槽，然后单击clicked()，Qt就会自动给我们转到相应的槽函数。然后我们只要获取半径的值并且将计算完之后的值显示在面积中就行了。

接下来我们就来看看这个槽函数怎么写。

void Widget::on_pushButton_clicked()
{
    int value = ui->lineEditR->text().toInt();
    double area = value * value * 3.14;
    QString temp;
    ui->lineEdit_Area->setText(temp.setNum(area));
}

这个函数名是QtCreator自动给我们生成的，所以我们只要在这个函数中写具体操作就行了。

我们首先将LineEdit中获取的内容转换为int类型，然后计算面积，最后我们只要将这个