第一部分：開始

創(chuàng)建項(xiàng)目名稱和存放代碼位置 創(chuàng)建新計(jì)算器頁面并且設(shè)置第一個(gè)顯示計(jì)算器頁面 完成視圖設(shè)置(cal.wxml) 配置相應(yīng)的樣式配置(cal.wxss)

第二部分：邏輯

每個(gè)按鈕點(diǎn)擊后需要相應(yīng)事件

在邏輯處理中實(shí)現(xiàn)點(diǎn)擊事件,并打印log看運(yùn)行效果

但是現(xiàn)在問題來了,怎么知道到底點(diǎn)擊的是哪一個(gè)按鈕呢?這里可以給每個(gè)按鈕設(shè)置一個(gè)id,來具體的區(qū)分到底是哪一個(gè)被點(diǎn)擊了.

上面這種方法可以唯一確定點(diǎn)擊的是哪一個(gè)按鈕,但是還有一種更完美的解決方案,現(xiàn)在js中初始化所有的id,然后在wxml中分別設(shè)置獲取.

看運(yùn)行效果

現(xiàn)在要做的就是要設(shè)置每次點(diǎn)擊后的按鈕,并做相應(yīng)的運(yùn)行,現(xiàn)重普通的開始判斷,比如這個(gè)時(shí)候點(diǎn)擊的是1,或者2 這樣的數(shù)字,處理處理如下.

特殊符號(hào)處理

當(dāng)?shù)谝淮吸c(diǎn)擊的是 “*”,”-“,”+”,”/“,這樣的字符時(shí),是不能顯示的,所以要做處理

點(diǎn)擊的是退格處理

點(diǎn)擊清屏鍵處理

點(diǎn)擊正父號(hào)處理

=號(hào)處理

歷史處理,效果如下

先完成相應(yīng)的頁面

完成相應(yīng)的樣式布局

相應(yīng)的頁面布局

保存每次結(jié)果

取出結(jié)果

本文未提供相關(guān)源碼。但是有相關(guān)視頻：

原視頻地址：http://bbs.520it.com/forum.php?mod=viewthread&tid=2536