win10计算器_从0开始自制计算器!
先看看效果吧:
很炫酷吧? 想不想要? ~~想要吧.~~ ~~当然作者知道你们肯定想.~~ ~~不然也不会点进来对不对.~~ 好.进入正题. @[TOC]
1.概述
这个是仿照win10自带的计算器制作的简化版本.是用Qt做的,直接把整个表达式输入然后得出计算结果. 主要分为三部分.界面部分,事件处理部分与表达式处理部分. - 界面部分就是看到的计算器,包括标题栏,中间的输出框,还有各个按键. - 事件处理就是处理对应的鼠标与键盘事件. - 表达式处理部分就是处理整个输入的字符串,返回计算的结果,当然这个还支持错误判断功能.
2.新建工程
选择Widgets Application.
起名字.
一般只需MinGW.
这里默认即可,名字可以随便改
2.界面
(1) 按键
按键的话,基本上按着改就可以了.改布局,改颜色,改字体,主要就是这三个. 首先先打开.ui文件:
a.添加一个Grid Layout,调整好大小.
b.拖入Push Button作为按键,sizePolicy属性那里水平和垂直属性都选择Expanding.
c.调整好颜色,设置styleSheet与字体
这里给出作者的参考style:
border
字体:
这里按个人喜好调整即可.
d.复制制作好的button,布好局
e.改内容
这里不仅把里面的字符改变,还要把相应的对象名也改变.
再细调每一个按键,包括大小,字体与颜色,使总体效果更好.
数字要注意有"加粗"效果,符号的话尽量"精细"一点.
f.整体修改大小,同时加上间隔
调整好间隔.注意细节. 下面是win10自带的计算器:
看到间隔了没? 作者要的就是这种效果. 可以先运行看看.
两边的间隔的话一会配合widget的大小调整即可.
(2) 输出框
输出框很简单,就是一个QLineEdit.
a.添加QLineEdit
b.调整好大小,设置好背景颜色
作者的qss:
border
c.设置字体,只读,对齐
(3) 标题栏
标题栏其实也很简单,一个QBoxLayout
a.新建Horizontal Layout
b.添加细节
QLabel输入标题,两个QPushButton表示最小化与关闭,同时加入两个Spacer,让标题与左边空出一些距离. 其实就是模仿win10的标题栏的效果
这里就不做最大化了.因为涉及到按钮的重新排布问题,这个可以自己选择实现.
(4)整体处理
a.标题栏
把上一步做的标题栏移到合适的位置,同时删除自带的QMenuBar,QToolBar,QStatusBar.
b.调整整体大小,同时添加透明度
调整好后大概就那样,透明度这里选择了0.9.
~~真是完美啊!~~
3.事件处理
(1)光标事件
A.标题栏
a.拖动效果
首先把本来那个标题栏去掉.
setWindowFlags
再在protected中加入鼠标监听函数:
void
私有成员中加入两个QPoint.分别表示当前窗口坐标与光标的坐标.
QPoint
第一个函数是鼠标按下时触发的,根据event->button()判断是否是左键,是的话获取mouse坐标,在设置window坐标. 当触发第二个函数时,即先判断是否按住左键不放,使用MainWindow的move方法移动窗口. event->globalPos()获取坐标后减去原来光标的坐标得到window坐标的变化量,再用原坐标加上这个变化量.
void
b.最小化与关闭
这里以最小化为例,关闭也一样的,改一下函数调用即可. 在最小化按钮中右键选择Go to slot:
选择clicked()
添加一个最小化函数:
下面是关闭的函数:
B.按键
按键的鼠标事件包括两个: - 光标移入与移出事件,为按键添加阴影,加深颜色等 - 单击事件,在输出框中增减对应的字符
a.移入与移出事件
这里的实现方式是通过事件过滤器实现的.增加一个eventFilter()函数
bool
首先通过event->type()判断事件类型,如果是光标悬停,再判断对应的各个对象增加阴影效果. addNumButtonEffet():
void
这里QGraphicsDropShadowEffect *shadow事先初始化好了.
然后在添加事件过滤器:
这里可以对比一下有没有阴影的效果:
没有阴影:
加上阴影:
呃....这里可能是截图工具的问题,看不来多大的效果,但是直接在机器上看是有比较大的区别的,建议还是加上阴影.
b.单击事件
单击事件就是单击了某个按键然后用户可以在输出框中看到对应的反应.
依次选择按键,右键Go to slot:
选择clicked()
然后添加处理函数,作者这里自己实现了一个添加文本与清除焦点的函数,添加文本就是对应按键被光标单击后添加到输出框,至于为什么要清除焦点.... 因为... 因为空格. ~~因为作者的"良好"习惯,习惯在运算符前后加上空格~~ 单击后会把焦点保留在这个按钮上,键盘上敲空格默认会帮你"按一次"这个按钮,因此如果不清除焦点的话,在光标单击了某个按钮,比如7,按空格就会在输出框上输出7,光标单击了8后,按空格就会在输出框上输出8.
这里添加文本时还要注意默认的起提示作用的0.
void
(2)键盘事件
键盘事件就是主要处理各个按键按下时的阴影与输出框添加输出. 键盘事件通过以下两个函数处理:
void
第一个是按键按下时触发的,第二个是松开按键触发的.
A.添加阴影
在按键按下时添加上阴影与颜色加深效果.
通过event->key()依次判断各个键. 键位可以看这里
然后添加在keyRealeseEvent()中把对应的阴影去掉:
void
这里之所以没有一个个按键去判断是因为有可能同时多个按键按下,然后同时松开后发现某个按键还存在阴影,因此统一当其中一个按键释放时去除所有按键的阴影.
B.添加输出
在输出框中添加输出,调用一个函数即可:
4.整体细节再处理
(1)淡入效果
看看效果:
这里实际使用了Qt的动画,针对透明度改变的动画.
void
第一行表示改变的是透明度,第二三行设置起始值与结束值,接下来设置动画时间(单位ms),然后开始动画.
(2)设置固定尺寸
这里可以不设置最大尺寸,但一定要设置最小尺寸.
设置这个实际上禁止了拖拽去改变大小.
(3)淡出效果
淡出效果与淡入效果类似. 不同的时需要添加计时处理,不能直接在exit(0)前调用fadeOut()函数,因为动画会在另一个线程启动,所以需要在主线程休眠指定秒数,等待淡出效果完成后,主线程再调用exit(0);
void
其中addMSecs()表示要延迟的秒数,while循环体中表示处理本线程的事件,其中100表示处理事件最多100ms就返回本语句.
这里就不放淡出效果的图片了.
5.表达式处理
由于这是整个字符串作为表达式进行输入,需要先进行判断再计算.所以分为判断与计算两部分. 这里使用了一个新开的控制台工程,后面会把这个整合起来.
(1)判断
使用了一个check类判断,由于只有10个数字按键,加减乘除,小数点,求余,求次幂,大中小括号,空格,所以可以分成这几类进行判断.
a.去除所有空格
void
首先把所有空格去除,避免之后的判断.
b.分类判断
把表达式中的所有字符分成5类: - 数字 - 小数点 - 运算符号 + - * / ^ % - 左括号类 ( [ { - 右括号类 ) ] }
然后就是针对每个类型判断它的下一个字符是否是允许的类型,不是的话返回false. 比如碰上了一个 ( 或 [ 或 { 则它的下一个不能是运算符号或者小数点,当然允许-与+,因为有 (-7) (+234) 这种情况. 然后把这个符号保存下来判断后面是否是对应的右括号.
if
整个判断函数如下:
bool
特别要注意下的就是碰到右括号的情况,除了要判断是否是单独存在的右括号,还有判断是否与前一个左括号匹配.
c.加0
这是针对单目运算符-的情况,比如(-7),然后把它转化为(0-7):
string
在左小括号后判断是否是-或+,是的话对应位置插入0.
(2)计算
a.calc辅助类
calc辅助类中使用了两个栈,运算符栈与操作数栈.
private
其中有两个重要的方法:
bool
第一个方法将下一个准备进入的符号作为参数,判断是否可以计算操作数栈的前两个数,如果可以的话,使用第二个函数进行计算. calculate()会将出栈两个操作数与一个运算符,得出结果后在将其压回操作数栈.
void
下面是calc类:
class
private封装了一些简单的对两个栈进行操作的工具方法,公有的pop()与get()是对运算符栈进行的操作.因为外部不需要对操作数栈进行操作,由calculate()进行操作,公有的push重载了,可以push到操作数栈或运算符栈.
b.计算部分
计算部分在这里直接放在了main中:
int
对表达式的每个字符逐个处理,若是数字,提取出来并压栈. 若是右括号类,不断从运算符栈中提取直到把这段括号内的表达式计算完成. 否则若是左括号或者是运算符,当可以计算的时候一直计算,提取两个操作数运算并压栈,再把新的运算符压栈. 最后使用result()获取结果.
c.测试
这里就显示几个很长的例子算了 ~~当然作者测试了很多的例子~~
6.6/{2.3+34.3*2.22-5%2+22%4*[2+3.4/5-(4.3+3.2*33.3)]+34.3} + 7.8*{2.4-6/6+0-0*[23.4-3.4/6+4*(2.2+3)]}+0 - 0 + 0.0
= 10.85693.4 - (+3.34) + 34.3 * (-2) / 3.34 + {[(-3.4)^2/3.4+3.4/3]-3.32+[3*(-3)]}
= -28.26569^5-34.4^2.3+5%6-34+66%78-78%4 + (-3)*3.4 / {3*(-7)+[3*(-8)+3*(3.4+4.34)/9.3-3.2 + 0.0 - 0]+0.0 - 0}+3.4^4/6.888
= 55683.2
~~不信的话可以手工计算一下.~~
6.整合
这部分把界面部分与表达式处理部分整合起来.
(1)设置界面的调用进程,并获取输出结果
计算表达式的程序叫MyCalc.exe,注意把它放在对应的工程文件夹下面,然后使用QProcess调用.
使用execute执行,表达式先去除所有的空格,然后作为命令行参数传递给计算程序,然后计算程序把计算结果写入到result.txt文件,Qt读取这个文件,如果读到#表示表达式输入错误,否则,则是正确的计算结果. 对于结果因为在计算程序中设置了fixed格式,因此对于 1+2 也会返回 3.000000 这步把多余的0去掉,还要注意小数点的情况.
(2)修改一些细节地方
a.鼠标键盘修改事件
修改setText的内容,把结果传递过去.
b.exe中设置数字的格式
设置fixed格式,否则的话显示的是科学计数法,对小数位数有要求的话可以设置setprecision.
c.设置错误提示
这里出现错误时,输出"#",然后主程序读取到就会提示"表达式错误,请重新输入."
还有除数为0的错误提示,这个要注意一下:
d.可以考虑把错误处理整合过来
比如输入了一个点,不能继续输入点,输入了一个乘号或者除号不能再继续输入另一个符号:
7.打包发布
(1) 首先去下载Enigma Virtual Box
(2) 添加环境变量
把Qt文件夹下的如图所示的bin添加到Path环境变量,
(3) 打包库文件
使用windeployqt打包,首先把程序调成release模式,运行一次,生成release的exe,然后把exe复制到一个单独的文件夹,再用命令行进入到这个文件夹,运行
windelpoyqt xxx.exe
这个命令把需要的dll复制到当前所在文件夹.
(4) 生成单个exe
打开Enigma Virtual Box,选择
第一个选择release的exe,第二个选择打包之后的文件夹,然后选择添加文件,选择递归添加,添加上一步生成的所有文件(夹).
这里选择压缩文件. 然后选择压缩等待完成即可.
(5) 测试
点击运行.
大功告成!!
8.源码
(1)github(里面包含完整可执行的单个exe)
注:由于使用了lfs上传大文件,所以clone的时候请使用git lfs clone,不能直接git clone.(这里提醒一下新手不要直接点击绿色那个clone or download然后Download zip....)
(2)码云
9.参考链接
1.Qt淡入
2.Qt按键
3.Qt标题栏
4.事件过滤器
5.Qt鼠标事件
6.Qt延时处理
7.Qt文件读写
8.Qt打包成单文件
10.最后
这个简单的计算器有很大的改进空间,比如可以添加各种"数": 正弦函数,余弦函数,正切函数,反正弦函数,指数函数,对数函数,高阶导数,抽象函数,复合函数.~~心里没数~~ 等等.另外还可以改进矩形的按钮,可以改成圆角矩形或者椭圆形. 另外,对于阴影的处理可以添加淡入淡出效果. 最后就是磨砂.因为win10的是有磨砂效果的,这个作者还不会.... 最后再上几个图,看看效果(由于动图大小的限制只是简单的表达式...):
希望你们也有一个属于自己的计算器!
win10计算器_从0开始自制计算器!相关推荐
- 矩阵化简计算器_论一台图形计算器,如何拯救你的SAT2数学
为了SAT,SAT2以及AP考试,很多同学都准备了TI-84,TI-Nspire以及各种各样的图形计算器来应对考试.这些计算器最大的共同点,就是贵,但是贵一定有贵的道理.那么在整场考试中,你有多少题目 ...
- python 写一个计算器_用 Python 写个计算器
首页 专栏 python 文章详情 0 用 Python 写个计算器 Python小二 发布于 56 分钟前 我们常见的计算辅助工具有两种,一种是古人发明的算盘,另一种就是我们现代人发明的计算器,与算 ...
- 安全期在线计算计算机,【排卵期查询计算器_排卵期查询计算器专题】- 天鹅到家...
很多要想比较技术专业且精确地预测分析自身的排卵期的女性.要想怀孕或避开怀孕的女性,或是要想根据对排卵期的预测分析,根据排卵期時间的不一,对生理学病症做出一些预防的女性,能够运用女性排卵期计算器.女性排 ...
- android开发自制计算器测试图,从0开始自制计算器!
先看看效果吧: 很炫酷吧? 想不想要? 想要吧. 当然作者知道你们肯定想. 不然也不会点进来对不对. 好.进入正题. 1.概述 这个是仿照win10自带的计算器制作的简化版本.是用Qt做的,直接把整个 ...
- Java正则表达式实现计算器_用java编写win7计算器
展开全部 参考代码:62616964757a686964616fe78988e69d8331333337393635import java.awt.*; import java.awt.event.* ...
- python编译2的n次方计算器_用PYTHON2做个计算器,哪位高手能用Python写出计算器的代码,需要加减乘除和退出,谢谢!...
匿名用户 1级 2018-06-05 回答 粗略的写了一个,没有包含对输入的检查. # coding: utf-8 ''' 计算器 ''' operator = { 'a': ['a for addi ...
- 使用jquery制作计算器_如何使用jQuery对计算器进行编程
使用jquery制作计算器 Previously, I showed you how to use CSS border-radius property to create the following ...
- python实验楼工资计算器_挑战:完善工资计算器
完善工资计算器 项目需求改变: 输出税后工资 计算过程需要扣除社会保险费用 支持多人同时计算工资 打印税后工资列表 个税计算公式: 应纳税所得额 = 工资金额 - 各项社会保险费 - 起征点(3500 ...
- 南京工资个税计算机,南京个税计算器_南京税后月薪|工资计算器_南京个人所得税查询 - Tax518...
南京个税计算公式 南京个人所得税 =( 工资 - 三险一金 - 个税免征额 ) x 税率 - 速算扣除数 公式解析: 1.其中小括号里的"工资 - 三险一金 - 个税免征额"通常被 ...
- 单片机加减法计算器_课程设计--十进制加减法计算器单片机设计.doc
PAGE 15 十进制加减法计算器单片机设计 一.设计目的 通过课程设计使学生更进一步掌握单片机原理与应用课程的有关知识,提高用汇编语言编程的能力,并将所学的内容加以综合.通过查阅资料,了解所学知识的 ...
最新文章
- 七段数码管段码表共阳_常用数字电路之显示篇数码管
- File Operations In Java
- 发展第三代AI:清华AI研究院基础理论研究中心成立,朱军任主任
- 如何建设移动 DevOps?
- [DeeplearningAI笔记]卷积神经网络2.9-2.10迁移学习与数据增强
- OpenCV学习笔记七-创建滑动条
- Android Studio怎么设置悬浮提示文字框显示函数
- Alexa与小娜结盟,智能语音助手该呼朋引伴还是独自前行?
- html显示pcd,PCD5043 Datasheet(数据表) 10 Page - NXP Semiconductors
- python变量详解_python基础教程-03-变量详解
- (转)RabbitMQ学习之exchange总结
- python datetime库_python datetime库使用代码详解
- 怎样知道别人在蹭我家wifi?
- Android性能专项测试之Systrace工具
- refprop物性库_REFPROP下载-REFPROP官方版下载[制冷剂物性查询]-天极下载
- java 卡密_【java实现点卡生成】
- Debezium-Flink-Hudi:实时流式CDC
- 如何写出一篇好的软文?软文撰写的一些注意事项!
- 数码管c语言编码,八段数码管编码.doc
- 中秋节前能跟客户聊的!