QT | 使用QT Designer实现计算圆面积
文章目录
- `QT` | 使用`QT Designer`实现计算圆面积
- 1.新建项目
- 选择基类
- 加载生成的文件列表
- 项目文件列表的显示样式
- 2.设计界面
- 调整后的布局
- 修改控件的属性
- 3.编写代码
- 方式1:
- 修改代码:
- 方法2:
- 添加代码:
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