我用Axure做了個計算器

9 評論 8597 瀏覽 18 收藏 5 分鐘

這是一篇有趣的文章,本文作者是一只單身狗,昨天別人都在過七夕,而他在奮筆疾書:用Axure做了個計算器,與你分享~

始于顏值~

始于顏值~

始于顏值~

七夕了,我們不講技巧,我們看顏值(也有可能暴露我這個直男的審美)……

本次原型制作過程主要練習(xí)函數(shù)的使用。

Tips:

  • Target:獲取目標(biāo)元件對象。目標(biāo)元件是指當(dāng)前交互動作控制的元件。
  • This:獲取當(dāng)前元件對象。當(dāng)前元件是指當(dāng)前添加交互動作的元件。
  • text:獲取元件對象的文本文字。
  • Math.pow(x,y) :冪函數(shù),計算x的y次冪。準(zhǔn)備:
    做臨時存儲用的元件,分別用來存儲“臨時數(shù)值”、“數(shù)值A(chǔ)”、“運算符號”、“數(shù)值B”、“小數(shù)位數(shù)”。

Tips:

也可以用系統(tǒng)變量來存儲,使用元件的好處在練習(xí)過程中可以隨時看到值的變化,便于查找問題。

數(shù)字鍵交互:

當(dāng)按下數(shù)字鍵時,有兩種情況:

  1. 輸入整數(shù),“臨時數(shù)值”=[[Target.text*10+This.text]];
  2. 輸入小數(shù),“臨時數(shù)值”=[[Target.text+This.text/Math.pow(10,“小數(shù)位數(shù)”)]],并設(shè)置“小數(shù)位數(shù)”=“小數(shù)位數(shù)”+1。

Tips:

“小數(shù)位數(shù)”默認(rèn)值為0,當(dāng)點擊”.”時,設(shè)置“小數(shù)位數(shù)”=1,通過“小數(shù)位數(shù)”是否為0來判斷輸入的是整數(shù)還是小數(shù)。

設(shè)置“小數(shù)位數(shù)”=“小數(shù)位數(shù)”+1一定要在“臨時數(shù)值”賦值之后進(jìn)行,否則你會發(fā)現(xiàn)莫名其妙多了個0。

運算符號鍵交互:

賦值“運算符號”。

這里定義1=+;2=-;3=*;4=/。

Tips:

“運算符號”默認(rèn)值為0,每次運算結(jié)束需要重新賦值到0。

邏輯

按下數(shù)字鍵——>賦值“臨時數(shù)值”——>“運算符號”判斷——>賦值到“數(shù)值A(chǔ)”/“數(shù)值B”——>展示

當(dāng)“運算符號”=0時,我們將值賦予“數(shù)值A(chǔ)”;否則賦予“數(shù)值B”。

設(shè)置“數(shù)值A(chǔ)”/“數(shù)值B”交互如下:

這樣一個簡單的計算就完成了,如果我們進(jìn)行連續(xù)計算呢?

將“=”的運算結(jié)果不直接進(jìn)行展示,而是賦值到“數(shù)值A(chǔ)”,“數(shù)值A(chǔ)”的交互會自動將值進(jìn)行展示。

這樣當(dāng)我們按下運算符號鍵,“運算符號”值將不為0,后續(xù)鍵入的數(shù)值則將賦值與B。

然后在按下運算符號鍵時,模擬點擊一次“=”。

Tips:

增加一個臨時存儲用的元件用來判斷是否清除臨時變量,當(dāng)每次點擊運算符號后設(shè)置為清除。

至于為什么,大家做到這步自然就懂了……(來自單身狗的報復(fù),哈哈哈)

其他交互:

“±”=[[Target.text*-1]]

“%”=[[Target.text/100]]

案例訪問地址:

https://axhub.im/pro/32acf0e0782cceb6/phone.html

 

本文由 @fraidei 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖由作者提供

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 作者你是真的皮呀, ?

    來自北京 回復(fù)
    1. 開心就好,但是開場白真的不是我寫的

      來自北京 回復(fù)
  2. 服了!?。?!

    來自江蘇 回復(fù)
    1. iaxure了解一下,axshare慢~~~

      來自北京 回復(fù)
    2. axhub 打錯了

      來自北京 回復(fù)
  3. 這篇的開場刺痛了我……

    來自北京 回復(fù)
    1. 可以介紹一下學(xué)習(xí)Axure的書籍嗎?我只學(xué)習(xí)做過一個訂餐的網(wǎng)站項目。

      來自廣東 回復(fù)
    2. 我是那種自己研究的性格,把軟件里面的菜單都點一遍差不多做產(chǎn)品原型圖就夠用;
      當(dāng)然要看書的話,我推薦看小樓的Axure入門手冊、實戰(zhàn)手冊。

      來自北京 回復(fù)