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

原创已于 2023-03-22 12:59:51 修改 · 340 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#qt #ui #开发语言

于 2023-03-19 22:31:54 首次发布

17.QT界面设计专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了如何使用QTDesigner创建一个计算圆面积的程序。首先，新建QT项目并选择基类，设计用户界面，包括Label、LineEdit和PushButton。接着，修改控件属性并布局。最后，通过两种方式编写代码实现计算：一是按钮点击事件，二是输入框内容改变事件，实时更新圆的面积。

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

文章目录

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

1.新建项目

选择基类

qt-23

加载生成的文件列表

qt-24

项目文件列表的显示样式

qt-25

2.设计界面

qt-26

qt-26-1

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

调整后的布局

qt-27

修改控件的属性

qt-28

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

qt-29

3.编写代码

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

方式1：

qt-30

qt-31

修改代码：

#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：

qt-32

qt-33

添加代码：

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));
}