Qt实践2： 简易计算器

Qt实现简易计算器

Qt实践2： 简易计算器

引言

因课程教学，需要利用Qt做图形界面设计（GUI）。自学Qt两月有余，图书（Qt Creator快速入门_第三版)、B站视频（传智教育的Qt教学视频等）等资源看了几遍，大部分资料都是讲述纯代码C++编程实现GUI， 新手上手难，不利于课程教学（课程设计，3周教学和实践时间）。因此，基于Qt Creator平台的UI 设计模式，先进行界面布局设计，再利用槽函数模板，适当编写C++程序，实现功能。这样大大减少C++代码的编写， 设计思路也明朗，学生只要按照实现步骤，一步步进行，就能初步掌握Qt设计简单项目的方法，为综合设计奠定基础。
这里以简易计算器的设计为例，描述其GUI布局、槽函数编写和功能实现。

一、 实验目的

1. 熟悉 QtCreator的简单操作。
2. 了解 Qt 程序编写框架。
3. 了解信号和槽机制，熟练掌握信号与槽在应用程序中的使用。

二、 实验内容

1. 查看Help 手册，学习简单的 Qt 类的使用，如 QLineEdit、 QPushButton等。
2. 用 QtCreator创建工程，用 Qt 设计简易计算器。

三、实现步骤

1. 创建工程
   打开 QtCreator，新建项目，进行以下操作：
   选择“Qt Widgets Application”
   项目名称“calculator”
   选择类“QDialog”，名称“calDialog”
   并选中“创建界面”
   
   2.界面布局设计
   拖拽16个Push Batton、1个lineEdit等组件到窗口中，
   16个按钮进行栅格布局；并修改其显示值（text）、组件属性：水平策略和垂直策略为Expanding
   
   lineEdit，设置成从右到左显示：
   
   修改各组件的objectName，如下结果：
   
   选中calDialog窗口，设置成垂直布局，并设置窗口比例为2,8
   
   最终，形成如下图的简易计算器GUI。
   

四、编写槽函数与功能实现

1.信号与槽的连接
选择某按键组件，右击后选择“转到槽”，再选择clicked，ok后，自动转到cpp文件中槽函数。
该槽函数是由Qt自动创建和定义的空函数，已和该按键clicked信号连接，我们只需要编写其内部代码即可。



同理，全部按钮组件，依次操作一次，创建全部槽函数。

2.变量定义与初始化
在编写槽函数代码过程中，计算器本身的功能需要对两个数进行算术运算，这里要定义两个变量input1、input2（字符串型，后面再用函数转换成数值）和一个字符变量operate（用作计算操作的表征），在caldialog.h头文件中添加变量定义：
private:
QString input1;
QString input2;
char operate;
并在前面添加QS