QT | 使用QT Designer实现计算圆面积

QT | 使用QT Designer实现计算圆面积

---

1.新建项目

选择基类

加载生成的文件列表

项目文件列表的显示样式

2.设计界面

---

---

---

从Display Widgets容器栏中拖曳出Label标签控件，同样从Input Widgets容器栏中拖曳出Line Edit文本空间，然后从Buttons容器栏中拖曳出Push Button按钮控件，排列合适位置并调整合适大小。

调整后的布局

修改控件的属性

使用【Ctrl+R】运行程序，效果如下：

---

3.编写代码

计算圆面积的方法：1.通过触发按钮事件完成；2.通过触发输入编辑框事件完成；

方式1：

---

修改代码：

#include "dialog.h"
#include "ui_dialog.h"

const static double PI = 3.1416;

Dialog::Dialog(QWidget *parent) :
    QDialog(parent),
    ui(new Ui::Dialog)
{
    ui->setupUi(this);
}

Dialog::~Dialog()
{
    delete ui;
}

void Dialog::on_pushButton_clicked()
{
    bool ok;
    QString tempStr;
    QString valueStr = ui->lineEdit->text();
    int valueInt = valueStr.toInt(&ok);
    double area = valueInt*valueInt*PI;	//计算圆的面积
    ui->label_3->setText(tempStr.setNum(area));
}

方法2：

---

添加代码：

void Dialog::on_lineEdit_textChanged(const QString &arg1)
{
    bool ok;
    QString tempStr;
    QString valueStr = ui->label_2->text();
    int valueInt = valueStr.toInt(&ok);
    double area = valueInt*valueInt*PI;	//计算圆的面积
    ui->label_3->setText(tempStr.setNum(area));
}

---

QT5 | 第一个QT程序

QT | 手写代码实现HelloWorld