家教网站域名怎么做,网站推广洛阳,做网站页面一般用什么软件,网络优化工程师发展前景目录 0 简介1.设计原理1.1界面设计1.1.1界面基本布局1.1.2 界面调整和美化1.1.2 控件重命名 1.2 连接信号和槽1.3 软件逻辑1.3.1四则运算1.3.2 连续运算#xff08;不完全#xff09;的原理1.3.3 清屏1.3.4 退格1.3.5 等于1.3.6 小数点 2.总结与拓展 0 简介
最近在学QT… 目录 0 简介1.设计原理1.1界面设计1.1.1界面基本布局1.1.2 界面调整和美化1.1.2 控件重命名 1.2 连接信号和槽1.3 软件逻辑1.3.1四则运算1.3.2 连续运算不完全的原理1.3.3 清屏1.3.4 退格1.3.5 等于1.3.6 小数点 2.总结与拓展 0 简介
最近在学QT总体感觉和MFC没有太大的区别自己跟着哔哩哔哩的老师做了个简易计算器。相关资料如下
课程链接风骚程序员】QT游戏开发入门到实战课堂视频精讲QT桌面应用程序开发史上最全的QT视频教程系统游戏开发角度讲解QT入门 项目链接 链接https://pan.baidu.com/s/1znbxUV1hi065Kncs814-Rw 提取码cx9j
限于篇幅项目创建和发布的具体方法可能会在后续的帖子中发出敬请期待。。。
作为基础项目并没有做过于复杂的功能。只有整数和小数的四则运算。主要内容如下所示
1.设计原理
1.1界面设计
1.1.1界面基本布局
先拖拽Line Edit控件和Push Button控件到相应位置然后再做细化和整理。
1.1.2 界面调整和美化
确定好控件的大致位置后我们可以选定按钮然后点击“栅格布局”按钮自动调整间距。如下图所示。 然后我们可以调整按键的颜色等属性。以背景色为例
在想要改变样式的控件上方鼠标右击菜单中选择“改变样式表”点击“添加颜色”选择“背景色”然后选择喜欢的颜色即可。
1.1.2 控件重命名
为了项目开发和维护方便往往需要对控件进行重命名。所以我们在此对各个控件进行重命名。 直接点击控件然后在属性列表中修改相应的属性即可。
1.2 连接信号和槽
由于项目比较小所以我们将所有信号都绑定到同一个槽函数Onclicked中进行处理。程序如下 //绑定数字connect(ui-pushButton_0,QPushButton::clicked,this,[this](){Onclicked(Num, 0);});connect(ui-pushButton_1,QPushButton::clicked,this,[this](){Onclicked(Num, 1);});connect(ui-pushButton_2,QPushButton::clicked,this,[this](){Onclicked(Num, 2);});connect(ui-pushButton_3,QPushButton::clicked,this,[this](){Onclicked(Num, 3);});connect(ui-pushButton_4,QPushButton::clicked,this,[this](){Onclicked(Num, 4);});connect(ui-pushButton_5,QPushButton::clicked,this,[this](){Onclicked(Num, 5);});connect(ui-pushButton_6,QPushButton::clicked,this,[this](){Onclicked(Num, 6);});connect(ui-pushButton_7,QPushButton::clicked,this,[this](){Onclicked(Num, 7);});connect(ui-pushButton_8,QPushButton::clicked,this,[this](){Onclicked(Num, 8);});connect(ui-pushButton_9,QPushButton::clicked,this,[this](){Onclicked(Num, 9);});//绑定运算符connect(ui-pushButton_plus,QPushButton::clicked,this,[this](){Onclicked(Op, );});connect(ui-pushButton_sub,QPushButton::clicked,this,[this](){Onclicked(Op, -);});connect(ui-pushButton_mul,QPushButton::clicked,this,[this](){Onclicked(Op, *);});connect(ui-pushButton_div,QPushButton::clicked,this,[this](){Onclicked(Op, /);});//其他按钮绑定connect(ui-pushButton_clear,QPushButton::clicked,this,[this](){Onclicked(Clear, Clear);});connect(ui-pushButton_backspace,QPushButton::clicked,this,[this](){Onclicked(BackSpace, BackSpace);});connect(ui-pushButton_equ,QPushButton::clicked,this,[this](){Onclicked(Equal , );});connect(ui-pushButton_dot,QPushButton::clicked,this,[this](){Onclicked(Dot , .);});1.3 软件逻辑
1.3.1四则运算
此次我们的软件功能只涉及两个数的运算所以需要先区分算式中的两个数据 以运算符为分界运算符之前的数据为第一个数据之后的为第二个参与运算的数据如下所示 if(mOp.isEmpty()){mNum1 _btn;}else{mNum2 _btn;}然后就是四则运算的具体实现这里我们封装了一个运算函数来实现具体的功能。
void Widget::Cal_res(bool *is_right, double *res)
{if(mNum1.isEmpty() || mNum2.isEmpty() || mOp.isEmpty()){*is_right false;*res 0.0;return ;}double num1 mNum1.toDouble();double num2 mNum2.toDouble();double result 0;if(mOp )result num1 num2;else if(mOp -)result num1 - num2;else if(mOp *)result num1 * num2;else if(mOp /){if(num2 ! 0)result num1 / num2;else{ui-lineEdit-setText(error!);{*is_right 0;*res 0;return ;}}}ui-lineEdit-setText(QString::number(result));*is_right true;*res result;return ;
}is_right参数来反映是否得到了正确的结果错误为false正确为true; res参数返回具体的计算结果。
首先是if的条件判断如果缺少数据或者运算符此时无法计算直接返回。接下来根据具体的运算符执行相关的逻辑计算当除数为0时终止计算并输出error。得到正确的计算结果并返回。
1.3.2 连续运算不完全的原理
在此次项目中我们实现了连续运算但是并未考虑到运算符的优先级等问题只是在进行下次运算时自动计算上一个算式的计算结果所以我们做了如下的处理 if(!mNum1.isEmpty()){if(!mNum2.isEmpty()){Cal_res(is_right, res);if(is_right){mNum1 QString::number(res);mNum2.clear();}}mOp _btn;}也就是说直接将上次的运算结果赋值给mNum1 然后再执行接下来的运算。
1.3.3 清屏
清除清屏的逻辑比较简单只需将数据清除使之显示为空即可。 mNum1.clear();mNum2.clear();mOp.clear();后面就是我们显示的语句 ui-lineEdit-setText(mNum1 mOp mNum2);1.3.4 退格
退格是非常常见的操作在写错的时候可以点击退格然后重新输入需要计算的数据或运算符。退格实现的原理如下 if(!mNum2.isEmpty())mNum2.chop(1);else if(!mOp.isEmpty())mOp.chop(1);else if(!mNum1.isEmpty())mNum1.chop(1);elsereturn ;由于我们的算式是mNum1mOpmNum2的格式退格是从后往前逐一删除的所以要反向判断如果有相关字符串5直接将末尾的字符清除再重新显示即可。
1.3.5 等于
等号就是计算并显示结果而我们在前面的小节中已经阐述了核心的计算逻辑接下来直接调用相关的接口即可 Cal_res(is_right, res);mNum1.clear();mNum2.clear();mOp.clear();return ;我们调用函数得到了相应的结果然后再将相关的数据清零以便进行下次计算。
1.3.6 小数点
小数点的添加就比较讲究了我们先看看实现的具体程序 if(mOp.isEmpty()){if((!mNum1.isEmpty()) (!mNum1.contains(.))){mNum1 _btn;}}else{if((!mNum2.isEmpty()) (!mNum2.contains(.))){mNum2 _btn;}}也就是说先判断是否为空如果没有位值则小数点将没有任何意义然后就判断该小数点应该添加的位置然后完成添加。
2.总结与拓展
显然这只是一个基本的小项目还有很多功能值得开发和探索如果有时间还会更新后续帖子并在一下方面做出延伸和拓展敬请期待。。。
增加更换皮肤的功能界面可缩放连续计算时可显示整个算式增加小括号运算符号可保存历史前几次计算结果增加键盘输入功能
红色部分不是必须的但是可以提升使用体验。 蓝色部分是从计算本身的功能出发需要做出的一些改进。
-----------------------------------------------------------END-------------------------------------------------------------
