很炫酷吧? 想不想要? 想要吧. 當(dāng)然作者知道你們肯定想. 不然也不會..."/>
您好,登錄后才能下訂單哦!
先看看效果吧:
cdn.xitu.io/2019/11/19/16e81f3632d79176?w=581&h=536&f=png&s=141719">
很炫酷吧?
想不想要?
想要吧.
當(dāng)然作者知道你們肯定想.
不然也不會點進(jìn)來對不對.
好.進(jìn)入正題.
這個是仿照win10自帶的計算器制作的簡化版本.是用Qt做的,直接把整個表達(dá)式輸入然后得出計算結(jié)果.
主要分為三部分.界面部分,事件處理部分與表達(dá)式處理部分.
選擇Widgets Application.
起名字.
一般只需MinGW.
這里默認(rèn)即可,名字可以隨便改
按鍵的話,基本上按著改就可以了.改布局,改顏色,改字體,主要就是這三個.
首先先打開.ui文件:
這里給出作者的參考style:
border:1px groove rgb(220,220,220);
background-color:rgb(243,243,243);
字體:
這里按個人喜好調(diào)整即可.
這里不僅把里面的字符改變,還要把相應(yīng)的對象名也改變.
再細(xì)調(diào)每一個按鍵,包括大小,字體與顏色,使總體效果更好.
數(shù)字要注意有"加粗"效果,符號的話盡量"精細(xì)"一點.
調(diào)整好間隔.注意細(xì)節(jié).
下面是win10自帶的計算器:
看到間隔了沒?
作者要的就是這種效果.
可以先運行看看.
兩邊的間隔的話一會配合widget的大小調(diào)整即可.
輸出框很簡單,就是一個QLineEdit.
作者的qss:
border:0px groove rgb(243,243,243);
background-color:rgb(245,245,245);
標(biāo)題欄其實也很簡單,一個QBoxLayout
QLabel輸入標(biāo)題,兩個QPushButton表示最小化與關(guān)閉,同時加入兩個Spacer,讓標(biāo)題與左邊空出一些距離.
其實就是模仿win10的標(biāo)題欄的效果
這里就不做最大化了.因為涉及到按鈕的重新排布問題,這個可以自己選擇實現(xiàn).
把上一步做的標(biāo)題欄移到合適的位置,同時刪除自帶的QMenuBar,QToolBar,QStatusBar.
調(diào)整好后大概就那樣,透明度這里選擇了0.9.
真是完美啊!
首先把本來那個標(biāo)題欄去掉.
setWindowFlags(windowFlags() | Qt::FramelessWindowHint);
再在protected中加入鼠標(biāo)監(jiān)聽函數(shù):
void mousePressEvent(QMouseEvent *);
void mouseMoveEvent(QMouseEvent *);
私有成員中加入兩個QPoint.分別表示當(dāng)前窗口坐標(biāo)與光標(biāo)的坐標(biāo).
QPoint mousePoint;
QPoint windowPoint;
第一個函數(shù)是鼠標(biāo)按下時觸發(fā)的,根據(jù)event->button()判斷是否是左鍵,是的話獲取mouse坐標(biāo),在設(shè)置window坐標(biāo).
當(dāng)觸發(fā)第二個函數(shù)時,即先判斷是否按住左鍵不放,使用MainWindow的move方法移動窗口.
event->globalPos()獲取坐標(biāo)后減去原來光標(biāo)的坐標(biāo)得到window坐標(biāo)的變化量,再用原坐標(biāo)加上這個變化量.
void MainWindow::mousePressEvent(QMouseEvent *event)
{
if(event->button() == Qt::LeftButton)
{
mousePoint = event->globalPos();
windowPoint = frameGeometry().topLeft();
}
}
void MainWindow::mouseMoveEvent(QMouseEvent *event)
{
if(event->buttons() & Qt::LeftButton)
{
move(windowPoint + event->globalPos() - mousePoint);
}
}
這里以最小化為例,關(guān)閉也一樣的,改一下函數(shù)調(diào)用即可.
在最小化按鈕中右鍵選擇Go to slot:
選擇clicked()
添加一個最小化函數(shù):
下面是關(guān)閉的函數(shù):
按鍵的鼠標(biāo)事件包括兩個:
這里的實現(xiàn)方式是通過事件過濾器實現(xiàn)的.增加一個eventFilter()函數(shù)
bool eventFilter(QObject *,QEvent *);
首先通過event->type()判斷事件類型,如果是光標(biāo)懸停,再判斷對應(yīng)的各個對象增加陰影效果.
addNumButtonEffet():
void MainWindow::addNumButtonEffect(QPushButton *button,QGraphicsDropShadowEffect *shadow)
{
shadow->setEnabled(true);
button->setStyleSheet(
"border:1px groove rgb(220,220,220);"
"background-color:rgb(193,193,193);"
);
}
這里QGraphicsDropShadowEffect *shadow事先初始化好了.
然后在添加事件過濾器:
這里可以對比一下有沒有陰影的效果:
沒有陰影:
加上陰影:
呃....這里可能是截圖工具的問題,看不來多大的效果,但是直接在機(jī)器上看是有比較大的區(qū)別的,建議還是加上陰影.
單擊事件就是單擊了某個按鍵然后用戶可以在輸出框中看到對應(yīng)的反應(yīng).
依次選擇按鍵,右鍵Go to slot:
選擇clicked()
然后添加處理函數(shù),作者這里自己實現(xiàn)了一個添加文本與清除焦點的函數(shù),添加文本就是對應(yīng)按鍵被光標(biāo)單擊后添加到輸出框,至于為什么要清除焦點....
因為...
因為空格.
因為作者的"良好"習(xí)慣,習(xí)慣在運算符前后加上空格
單擊后會把焦點保留在這個按鈕上,鍵盤上敲空格默認(rèn)會幫你"按一次"這個按鈕,因此如果不清除焦點的話,在光標(biāo)單擊了某個按鈕,比如7,按空格就會在輸出框上輸出7,光標(biāo)單擊了8后,按空格就會在輸出框上輸出8.
這里添加文本時還要注意默認(rèn)的起提示作用的0.
void MainWindow::appendText(const QString &s)
{
if(ui->box->text() == "0")
ui->box->setText(s);
else
ui->box->setText(ui->box->text()+s);
}
void MainWindow::appendTextAndClearFocus(QPushButton *button, const QString &s)
{
appendText(s);
button->clearFocus();
}
鍵盤事件就是主要處理各個按鍵按下時的陰影與輸出框添加輸出.
鍵盤事件通過以下兩個函數(shù)處理:
void keyPressEvent(QKeyEvent *);
void keyReleaseEvent(QKeyEvent *);
第一個是按鍵按下時觸發(fā)的,第二個是松開按鍵觸發(fā)的.
在按鍵按下時添加上陰影與顏色加深效果.
通過event->key()依次判斷各個鍵.
鍵位可以看這里
然后添加在keyRealeseEvent()中把對應(yīng)的陰影去掉:
void MainWindow::keyReleaseEvent(QKeyEvent *event)
{
switch (event->key())
{
case Qt::Key_0:
case Qt::Key_1:
case Qt::Key_2:
case Qt::Key_3:
case Qt::Key_4:
case Qt::Key_5:
case Qt::Key_6:
case Qt::Key_7:
case Qt::Key_8:
case Qt::Key_9:
case Qt::Key_Plus:
case Qt::Key_Minus:
case Qt::Key_Asterisk:
case Qt::Key_Slash:
case Qt::Key_AsciiCircum:
case Qt::Key_Percent:
case Qt::Key_ParenLeft:
case Qt::Key_ParenRight:
case Qt::Key_BraceLeft:
case Qt::Key_BraceRight:
case Qt::Key_BracketLeft:
case Qt::Key_BracketRight:
case Qt::Key_Backspace:
case Qt::Key_Space:
case Qt::Key_Period:
case Qt::Key_Escape:
case Qt::Key_Equal:
case Qt::Key_Return:
removeNumButtonEffect(ui->num0,num0_shadow);
removeNumButtonEffect(ui->num1,num1_shadow);
removeNumButtonEffect(ui->num2,num2_shadow);
removeNumButtonEffect(ui->num3,num3_shadow);
removeNumButtonEffect(ui->num4,num4_shadow);
removeNumButtonEffect(ui->num5,num5_shadow);
removeNumButtonEffect(ui->num6,num6_shadow);
removeNumButtonEffect(ui->num7,num7_shadow);
removeNumButtonEffect(ui->num8,num8_shadow);
removeNumButtonEffect(ui->num9,num9_shadow);
removeSignButtonEffect(ui->plus,plus_shadow);
removeSignButtonEffect(ui->minus,minus_shadow);
removeSignButtonEffect(ui->mutiply,mutiply_shadow);
removeSignButtonEffect(ui->divide,divide_shadow);
removeSignButtonEffect(ui->pow,pow_shadow);
removeSignButtonEffect(ui->percent,percent_shadow);
removeSignButtonEffect(ui->parentheses,parentheses_shadow);
removeSignButtonEffect(ui->parentheses,parentheses_shadow);
removeSignButtonEffect(ui->brace,brace_shadow);
removeSignButtonEffect(ui->brace,brace_shadow);
removeSignButtonEffect(ui->bracket,bracket_shadow);
removeSignButtonEffect(ui->bracket,bracket_shadow);
removeSignButtonEffect(ui->backspace,backspace_shadow);
removeSignButtonEffect(ui->blank,space_shadow);
removeSignButtonEffect(ui->dot,dot_shadow);
removeSignButtonEffect(ui->C,c_shadow);
removeSignButtonEffect(ui->equal,equal_shadow);
break;
}
}
這里之所以沒有一個個按鍵去判斷是因為有可能同時多個按鍵按下,然后同時松開后發(fā)現(xiàn)某個按鍵還存在陰影,因此統(tǒng)一當(dāng)其中一個按鍵釋放時去除所有按鍵的陰影.
在輸出框中添加輸出,調(diào)用一個函數(shù)即可:
看看效果:
這里實際使用了Qt的動畫,針對透明度改變的動畫.
void MainWindow::fadeIn(void)
{
QPropertyAnimation * changeOpacity = new QPropertyAnimation(this,"windowOpacity");
changeOpacity->setStartValue(0);
changeOpacity->setEndValue(0.91);
changeOpacity->setDuration(2500);
changeOpacity->start();
}
第一行表示改變的是透明度,第二三行設(shè)置起始值與結(jié)束值,接下來設(shè)置動畫時間(單位ms),然后開始動畫.
這里可以不設(shè)置最大尺寸,但一定要設(shè)置最小尺寸.
設(shè)置這個實際上禁止了拖拽去改變大小.
淡出效果與淡入效果類似.
不同的時需要添加計時處理,不能直接在exit(0)前調(diào)用fadeOut()函數(shù),因為動畫會在另一個線程啟動,所以需要在主線程休眠指定秒數(shù),等待淡出效果完成后,主線程再調(diào)用exit(0);
void MainWindow::fadeOut(void)
{
QPropertyAnimation * changeOpacity = new QPropertyAnimation(this,"windowOpacity");
changeOpacity->setStartValue(0.9);
changeOpacity->setEndValue(0);
changeOpacity->setDuration(2500);
changeOpacity->start();
QTime start = QTime::currentTime().addMSecs(2500);
while(QTime::currentTime() < start)
QCoreApplication::processEvents(QEventLoop::AllEvents, 100);
}
其中addMSecs()表示要延遲的秒數(shù),while循環(huán)體中表示處理本線程的事件,其中100表示處理事件最多100ms就返回本語句.
這里就不放淡出效果的圖片了.
由于這是整個字符串作為表達(dá)式進(jìn)行輸入,需要先進(jìn)行判斷再計算.所以分為判斷與計算兩部分.
這里使用了一個新開的控制臺工程,后面會把這個整合起來.
使用了一個check類判斷,由于只有10個數(shù)字按鍵,加減乘除,小數(shù)點,求余,求次冪,大中小括號,空格,所以可以分成這幾類進(jìn)行判斷.
void removeAllBlank(void)
{
size_t i = 0;
while((i = s.find(' ',i)) != string::npos)
s.erase(i,1);
}
首先把所有空格去除,避免之后的判斷.
把表達(dá)式中的所有字符分成5類:
然后就是針對每個類型判斷它的下一個字符是否是允許的類型,不是的話返回false.
比如碰上了一個 ( 或 [ 或 {
則它的下一個不能是運算符號或者小數(shù)點,當(dāng)然允許-與+,因為有
(-7) (+234)
這種情況.
然后把這個符號保存下來判斷后面是否是對應(yīng)的右括號.
if(isLeftBrace(i))
{
if(isSignOrDot(i+1))
{
if(s[i+1] != '-' && s[i+1] != '+')
return false;
}
braces.push(s[i]);
}
整個判斷函數(shù)如下:
bool valid(void)
{
if(isSignOrDot(0) || isRightBrace(0))
return false;
len = s.size();
stack<char> braces;
for(size_t i=0;i<len;++i)
{
if(isLeftBrace(i))
{
if(isSignOrDot(i+1))
{
if(s[i+1] != '-' && s[i+1] != '+')
return false;
}
if(isRightBrace(i+1))
return false;
braces.push(s[i]);
}
else if(isRightBrace(i))
{
if(isDot(i+1) || isDigit(i+1) || isLeftBrace(i+1))
return false;
if(isRightBrace(i+1))
{
stack<char> braces_copy(braces);
if(braces_copy.empty())
return false;
braces_copy.pop();
if(braces_copy.empty())
return false;
}
if(braces.empty())
return false;
char brace = braces.top();
if((brace == '(' && s[i] != ')') || (brace == '[' && s[i] != ']') || (brace == '{' && s[i] != '}'))
return false;
braces.pop();
}
else if(isSign(i))
{
if(isSign(i+1) || isDot(i+1) || isRightBrace(i+1))
return false;
}
else if(isDot(i))
{
if(isSignOrDot(i+1) || isBrace(i+1))
return false;
}
else if(isDigit(i))
{
if(isRightBrace(i+1))
{
if(braces.empty())
return false;
char brace = braces.top();
if((brace == '(' && s[i+1] != ')') || (brace == '[' && s[i+1] != ']') || (brace == '{' && s[i+1] != '}'))
return false;
}
}
}
return braces.empty();
}
特別要注意下的就是碰到右括號的情況,除了要判斷是否是單獨存在的右括號,還有判斷是否與前一個左括號匹配.
這是針對單目運算符-的情況,比如(-7),然后把它轉(zhuǎn)化為(0-7):
string getResult(void)
{
size_t len = s.size();
for(size_t i = 0;i<len;++i)
{
if(s[i] == '(' && (s[i+1] == '-' || s[i+1] == '+'))
s.insert(i+1,"0");
}
return s;
}
在左小括號后判斷是否是-或+,是的話對應(yīng)位置插入0.
calc輔助類中使用了兩個棧,運算符棧與操作數(shù)棧.
private:
stack<char> operators;
stack<double> operands;
其中有兩個重要的方法:
bool canCalculate(char sign);
void calculate(void);
第一個方法將下一個準(zhǔn)備進(jìn)入的符號作為參數(shù),判斷是否可以計算操作數(shù)棧的前兩個數(shù),如果可以的話,使用第二個函數(shù)進(jìn)行計算.
calculate()會將出棧兩個操作數(shù)與一個運算符,得出結(jié)果后在將其壓回操作數(shù)棧.
void calculate(void)
{
double post = popAndGetNum();
char sign = popAndGetSign();
double pre = popAndGetNum();
double result = 0.0;
switch (sign)
{
case '+':
result = pre+post;
break;
case '-':
result = pre-post;
break;
case '*':
result = pre*post;
break;
case '/':
if(fabs(post) < 1e-6)
{
cout<<"Error.Divisor is 0.";
exit(EXIT_FAILURE);
}
else
result = pre / post;
break;
case '^':
result = pow(pre,post);
break;
case '%':
result = static_cast<int>(pre) % static_cast<int>(post);
break;
}
push(result);
}
bool canCalculate(char sign)
{
if(sign == '(' || sign == '[' || sign == '{' || operators.empty())
return false;
char t = getSign();
if(t == '^')
return true;
switch (t)
{
case '+':
case '-':
return sign == '+' || sign == '-';
case '*':
case '/':
case '%':
return sign == '+' || sign == '-' || sign == '*' || sign == '/' || sign == '%';
}
return false;
}
下面是calc類:
class calc
{
private:
stack<char> operators;
stack<double> operands;
char getSign(void)
{
return operators.top();
}
double getNum(void)
{
return operands.top();
}
void popSign(void)
{
operators.pop();
}
void popNum(void)
{
operands.pop();
}
double popAndGetNum(void)
{
double num = getNum();
popNum();
return num;
}
char popAndGetSign(void)
{
char sign = getSign();
popSign();
return sign;
}
public:
void push(double num)
{
operands.push(num);
}
void push(char sign)
{
operators.push(sign);
}
char get(void)
{
return getSign();
}
void pop(void)
{
popSign();
}
double result(void)
{
return getNum();
}
void calculate(void)
{
double post = popAndGetNum();
char sign = popAndGetSign();
double pre = popAndGetNum();
double result = 0.0;
switch (sign)
{
case '+':
result = pre+post;
break;
case '-':
result = pre-post;
break;
case '*':
result = pre*post;
break;
case '/':
if(fabs(post) < 1e-6)
{
cout<<"Error.Divisor is 0.";
exit(EXIT_FAILURE);
}
else
result = pre / post;
break;
case '^':
result = pow(pre,post);
break;
case '%':
result = static_cast<int>(pre) % static_cast<int>(post);
break;
}
push(result);
}
bool canCalculate(char sign)
{
if(sign == '(' || sign == '[' || sign == '{' || operators.empty())
return false;
char t = getSign();
if(t == '^')
return true;
switch (t)
{
case '+':
case '-':
return sign == '+' || sign == '-';
case '*':
case '/':
case '%':
return sign == '+' || sign == '-' || sign == '*' || sign == '/' || sign == '%';
}
return false;
}
bool empty(void)
{
return operators.empty();
}
};
private封裝了一些簡單的對兩個棧進(jìn)行操作的工具方法,公有的pop()與get()是對運算符棧進(jìn)行的操作.因為外部不需要對操作數(shù)棧進(jìn)行操作,由calculate()進(jìn)行操作,公有的push重載了,可以push到操作數(shù)棧或運算符棧.
計算部分在這里直接放在了main中:
int main(void)
{
check chk;
while(!chk.inputAndCheck())
cout<<"Error!Please input again.\n";
string s = chk.getResult();
size_t len = s.size();
calc c;
for(size_t i=0;i<len;++i)
{
if(isdigit(s[i]))
{
double num;
size_t i1 = i+1;
while(i1 < len && (isdigit(s[i1]) || s[i1] == '.'))
++i1;
istringstream input(s.substr(i,i1));
input>>num;
i = i1-1;
c.push(num);
}
else if(s[i] == '}' || s[i] == ']' || s[i] == ')')
{
char sign;
char start = (s[i] == '}' ? '{' : ( s[i] == ']' ? '[' : '('));
while((sign = c.get()) != start)
c.calculate();
c.pop();
}
else //s[i] is [ ( { + - * / ^ %
{
while(c.canCalculate(s[i]))
c.calculate();
c.push(s[i]);
}
}
while(!c.empty())
c.calculate();
cout<<"result is "<<c.result()<<endl;
return 0;
}
對表達(dá)式的每個字符逐個處理,若是數(shù)字,提取出來并壓棧.
若是右括號類,不斷從運算符棧中提取直到把這段括號內(nèi)的表達(dá)式計算完成.
否則若是左括號或者是運算符,當(dāng)可以計算的時候一直計算,提取兩個操作數(shù)運算并壓棧,再把新的運算符壓棧.
最后使用result()獲取結(jié)果.
這里就顯示幾個很長的例子算了
當(dāng)然作者測試了很多的例子
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.8569
3.4 - (+3.34) + 34.3 * (-2) / 3.34 + {[(-3.4)^2/3.4+3.4/3]-3.32+[3*(-3)]}
= -28.2656
9^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
不信的話可以手工計算一下.
這部分把界面部分與表達(dá)式處理部分整合起來.
計算表達(dá)式的程序叫MyCalc.exe,注意把它放在對應(yīng)的工程文件夾下面,然后使用QProcess調(diào)用.
使用execute執(zhí)行,表達(dá)式先去除所有的空格,然后作為命令行參數(shù)傳遞給計算程序,然后計算程序把計算結(jié)果寫入到result.txt文件,Qt讀取這個文件,如果讀到#表示表達(dá)式輸入錯誤,否則,則是正確的計算結(jié)果.
對于結(jié)果因為在計算程序中設(shè)置了fixed格式,因此對于
1+2
也會返回
3.000000
這步把多余的0去掉,還要注意小數(shù)點的情況.
修改setText的內(nèi)容,把結(jié)果傳遞過去.
設(shè)置fixed格式,否則的話顯示的是科學(xué)計數(shù)法,對小數(shù)位數(shù)有要求的話可以設(shè)置setprecision.
這里出現(xiàn)錯誤時,輸出"#",然后主程序讀取到就會提示"表達(dá)式錯誤,請重新輸入."
還有除數(shù)為0的錯誤提示,這個要注意一下:
比如輸入了一個點,不能繼續(xù)輸入點,輸入了一個乘號或者除號不能再繼續(xù)輸入另一個符號:
把Qt文件夾下的如圖所示的bin添加到Path環(huán)境變量,
使用windeployqt打包,首先把程序調(diào)成release模式,運行一次,生成release的exe,然后把exe復(fù)制到一個單獨的文件夾,再用命令行進(jìn)入到這個文件夾,運行
windelpoyqt xxx.exe
這個命令把需要的dll復(fù)制到當(dāng)前所在文件夾.
打開Enigma Virtual Box,選擇
第一個選擇release的exe,第二個選擇打包之后的文件夾,然后選擇添加文件,選擇遞歸添加,添加上一步生成的所有文件(夾).
這里選擇壓縮文件.
然后選擇壓縮等待完成即可.
點擊運行.
大功告成!!
1.github(里面包含完整可執(zhí)行的單個exe)
注:由于使用了lfs上傳大文件,所以clone的時候請使用
git lfs clone
1.Qt淡入
2.Qt按鍵
3.Qt標(biāo)題欄
4.事件過濾器
5.Qt鼠標(biāo)事件
6.Qt延時處理
7.Qt文件讀寫
8.Qt打包成單文件
這個簡單的計算器有很大的改進(jìn)空間,比如可以添加各種"數(shù)":
正弦函數(shù),余弦函數(shù),正切函數(shù),反正弦函數(shù),指數(shù)函數(shù),對數(shù)函數(shù),高階導(dǎo)數(shù),抽象函數(shù),復(fù)合函數(shù).心里沒數(shù)
等等.另外還可以改進(jìn)矩形的按鈕,可以改成圓角矩形或者橢圓形.
另外,對于陰影的處理可以添加淡入淡出效果.
最后就是磨砂.因為win10的是有磨砂效果的,這個作者還不會....
最后再上幾個圖,看看效果(由于動圖大小的限制只是簡單的表達(dá)式...):
希望你們也有一個屬于自己的計算器!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。