Qt开发基本步骤示例:输入半径显示圆的面积

目录

1. 创建一个新项目

1.1 创建类的基类

1.2 main.cpp代码释义

2. 代码写在哪?

2.1 怎么找到我们需要的函数?

3. 实战:输入半径显示圆的面积


1. 创建一个新项目

点击创建项目,开始创建:

Qt开发基本步骤示例:输入半径显示圆的面积_第1张图片

Qt开发基本步骤示例:输入半径显示圆的面积_第2张图片

1.1 创建类的基类

  1. QMainWindow:带菜单栏的窗口
  2. QWidget:空白窗口
  3. QDialog: 对话框窗口

Qt开发基本步骤示例:输入半径显示圆的面积_第3张图片注意:保存项目的路径中不能有中文!项目工程名称一般不要有特殊符号或者中文!

1.2 main.cpp代码释义

单击完成,系统就自动打开了main.cpp文件,如下图所示:

Qt开发基本步骤示例:输入半径显示圆的面积_第4张图片

  1.  #include "dialog.h":包含了程序中要完成功能的Dialog类的定义,在Dialog类中封装完成所需要的功能。注意:使用哪个类就必须将该类的头文件引用过来。例如,若用到了一个按钮类,则必须在此处顶部添加一行代码:#include "QPushButton",这表明包含了按钮QPushButton类的定义。
  2. #include :Application类的定义。在每个使用Qt图形化应用程序中都必须使用一个QApplication对象。QApplication管理了各种各样的图形化应用程序的广泛资源、基本设置、控制流及事件处理等。
  3. int main(int argc, char *argv[]):应用程序的入口,几乎在所有使用Qt的情况下,main() 函数只需要在将控制转交给Qt库之前执行初始化,然后Qt库通过事件向程序告知用户的行为。所有Qt程序中都必须有且只有一个main() 函数。main() 函数有两个参数,即:argc和argv。argc是命令行变量的数量,argv是命令行变量的数组。
  4. QApplication a(argc, argv):a是这个程序的QApplication对象。在任何Qt的窗口系统部件被使用之前必须创建QApplication对象。它在这里被创建并且处理这些命令行变量。所有被Qt识别的命令行参数都将从argv中被移去(并且argc也因此而减少)。
  5. Dialog w:创建一个对话框对象。
  6. w.show():当创建一个窗口部件的时候,默认它是不可见的,必须调用show() 函数使它变为可见。
  7. return a.exec():程序进入消息循环,等待可能的输入进行响应。这里就是main() 函数将控制权转交给Qt,Qt完成事件处理工作,当应用程序退出的时候,exec() 函数的值就会返回。在exec() 函数中,Qt接收并处理用户和系统的事件并且将它们传递给适当的窗口部件。

2. 代码写在哪?

Qt开发基本步骤示例:输入半径显示圆的面积_第5张图片

可以看到左边菜单栏中有4个文件,其中 main.cpp 是主函数。dialog.cpp 是类的函数,一般情况下,窗口的属性和添加控件的操作都会在类的构造函数中去写,优点是可以让主程序中无多余代码,程序阅读也方便。而 dialog.h 是类和头文件,dialog.ui 是界面设计代码。

比如我现在想要修改一下窗口的标题,然后将窗口设置为固定大小并且不可以拉伸。那么问题来了,假设我不知道这个修改窗口标题的函数是什么该怎么办呢?

2.1 怎么找到我们需要的函数?

我们可以单击左侧的帮助按钮,然后将查询方式改为索引,接着我们开始在搜索框中搜索我们想要函数。那搜什么呢?既然我们想设置的是窗口的标题,那么肯定是和窗口有关。那么我们先试着输入单词window,然后我们发现下面有一个函数 setWindowTitle() 。

Qt开发基本步骤示例:输入半径显示圆的面积_第6张图片

除了在帮助中查找,我们还可以在电脑的开始菜单栏中找到Qt文件夹下的 Assistant (助手)。

Qt开发基本步骤示例:输入半径显示圆的面积_第7张图片

 打开Qt助手,我们还是切到索引,然后输入单词 window,如下图:

Qt开发基本步骤示例:输入半径显示圆的面积_第8张图片

 注意:如果函数在类中未找到,可去其基类中查找。

 Qt开发基本步骤示例:输入半径显示圆的面积_第9张图片

 后退、向前可以点击左上角的2个黄色箭头。

接着我们开始写代码:

Qt开发基本步骤示例:输入半径显示圆的面积_第10张图片

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

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

    // 修改窗口标题
    this->setWindowTitle("我的第一个窗口");

    // 修改窗口的大小
    this->resize(500, 300);

    // 设置窗口不可拉伸
    this->setFixedSize(600, 600);

}

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

看下运行效果:

Qt开发基本步骤示例:输入半径显示圆的面积_第11张图片

3. 实战:输入半径显示圆的面积

上面我们顺便讲到了修改窗口的属性,代码是写在了dialog.cpp 中的,那在实际开发中我们的其它代码写在哪里呢?

Qt开发基本步骤示例:输入半径显示圆的面积_第12张图片

 如上图所示,我们想做一个简单的、计算圆面积的小程序。想要实现的效果是:当我们在1处输入半径数据,然后点击3处的开始计算按钮之后,2处的空白标签控件会显示出计算结果。

这里就涉及到了信号和槽的概念了,但是这里我们不展开去讲,先把这个小程序的功能实现了再说。

具体怎么操作呢?代码怎么写?又该写在哪里呢?

首先,我们双击dialog.ui 文件,进入ui设计界面。第1步,单击按钮控件。第2步,右击弹出菜单选择转到槽 ,然后选择clicked() 。第3步确定。

Qt开发基本步骤示例:输入半径显示圆的面积_第13张图片

 点击确定后,系统就会自动打开了dialog.cpp 文件中,那接下来的实现代码是不是就是在这里写呢?没错,但是咱们先不急着写,先打开dialog.h 也就是头文件。我们发现文件中的内容多了2行代码:

private slots:
    void on_pushButton_clicked();

通过ui界面直接添加信号槽的好处就体现在这里了,我们不需要自己去添加代码,系统已经自动帮我们添加好了。但是这里不要动,我们的具体代码还是要回到dialog.cpp 中去写。

void Demo_1::on_pushButton_clicked()
{
    int value=ui->lineEdit->text().toDouble();
    double area=value*value*3.14;
    QString temp;
    ui->label_3->setText(temp.setNum(area));
}

中间的4行代码就是实现计算圆面积的全部代码了,是不是很简单呢?下面我们运行测试一下:

Qt开发基本步骤示例:输入半径显示圆的面积_第14张图片

 当我们输入2,然后点击开始计算按钮,label_3就立即显示出了计算结果12.56。然后我们再输入0.5试一下:

Qt开发基本步骤示例:输入半径显示圆的面积_第15张图片

 咦?结果怎么会是0!?

原来是声明变量的时候写成了int 类型。。。。大家可千万不要像我一样粗心大意、学了前面忘了后面哈~

最终修改后的代码如下:

void Demo_1::on_pushButton_clicked()
{
    double value=ui->lineEdit->text().toDouble();
    double area=value*value*3.14;
    QString temp;
    ui->label_3->setText(temp.setNum(area));
}

dialog.cpp 中完整代码如下: 

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

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

}

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

void Dialog::on_pushButton_clicked()
{
    double value=ui->lineEdit->text().toDouble();
    double area=value*value*3.14;
    QString temp;
    ui->label_3->setText(temp.setNum(area));
}

最后,因为我也才刚接触Qt,难免会存在一些错误的地方,欢迎大家在评论区批评指正。也恳请路过的大佬们帮我点个赞,虽然只是顺手的一个赞,但也能让我开心好几天。拜托啦~

ღ( ´・ᴗ・` )比

你可能感兴趣的:(Qt,从入门到精通,qt,开发语言)