中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

文章分享了利用Axure計算器demo的制作過程，一起來看看吧！

運用基礎運算符號，做一個簡單的、可進行有效運算操作的計算器demo，增加學習axure的樂趣和滿足感。

這是個粗糙的gif效果，說干就干～

1、基礎組件設置

組件排布與命名

拖入矩形，設置矩形大小、文本、文本顏色、背景顏色（運算符號鍵#F98D11、屏幕#202020、其他數字鍵等#CED0D2）

拖入輔助組件，判斷條件與第一個數矩形。

接著給組件命名，加減乘除運算鍵分別命名為“加”、“減”、“乘”、“除”，小數點鍵命名為“點”，黑色屏幕矩形命名為“屏幕”，判斷條件矩形命名“判斷”，第一個數矩形命名為“第一個數”。

思路：可先拖入設置好一個矩形鍵樣式后，復制多個進行排版，更改文本和對應色值提高效率；判斷條件矩形用于輔助點擊數字鍵等后，屏幕顯示的規則（替換屏幕文本或連接屏幕文本字符串）；第一個數矩形輔助記錄參與運算的第一個數

設置組件樣式

點選上方截圖部分組件，設置鼠標按下時填充顏色變化。

點選上方截圖所示運算符號，設置選中時線框粗細樣式變化，線框變粗。

2、數字鍵1、2、3…9的事件設置

點選數字7鍵（其他數字鍵1、2、3…、9也可），鼠標單擊時事件，編輯條件，當“判斷”文字等于“替換”時，設置屏幕文字等于this.text。

接著，設置判斷文字為“連接”，確定。

繼續點選數字7鍵，添加單擊時用例，添加條件，當判斷文字等于“連接”時，設置屏幕文字為[[LVAR1]][[This.text]]，其中LVAR1為原屏幕文字。

思路：計算器點選某數字鍵，如7時，初始狀態時屏幕文字為0，點擊7，則屏幕文字替換為7，若再點擊一次7，則屏幕文字是在其7后面連接新按下的數字鍵盤文字，即顯示77。判斷矩形的文字則是用于判斷屏幕是替換文字還是連接文字。很明顯的，判斷矩形默認值應為“替換”，當點擊下某個數字鍵后，再點擊，屏幕文字都應為連接的操作，所以點擊數字鍵后，要設置判斷文字為“連接”。

則完成了數字鍵7的事件設置，將數字鍵7的事件，復制到其他數字鍵1、2、3、4、5、6、8、9、0上，完成這幾個鍵的事件設置。

3、修改數字鍵0的事件

點選數字鍵0，修改case 1事件條件，設置條件為當判斷文字等于“替換”或屏幕文字等于“0”時，滿足任意條件，則設置屏幕為this.text。

case 2事件保持不變

思路：0是一個特殊的數字鍵，僅當屏幕文字不為0情況，才為連接操作，否則，點擊0，屏幕文字依然為0。所以不理解上述寫法的小伙伴，也可以把數字鍵0的事件寫成：當屏幕文字不等于“0”時，設置屏幕文字為為[[LVAR1]][[This.text]]，其中LVAR1為原屏幕文字，否則，設置屏幕文字等于0。

4、小數點鍵事件設置

點選小數點鍵，單擊時事件，設置屏幕文字為為[[LVAR1]]. 其中LVAR1為原屏幕文字。

接著，設置判斷文字為“連接”，并禁用小數點鍵。

思路：為什么要禁用小數點鍵？因為一個數字最多一個小數點。

5、設置運算符號（加減乘除）事件

點選加號鍵，單擊時，設置選中當前元件，設置第一個數矩形文字為[[LVAR1]]，LVAR1為原屏幕文字屏幕文字。

思路：當點擊運算符號時，則參與運算的第一個數是確定的，為當前屏幕顯示的文字。再點擊其他數字鍵，則屏幕開始顯示第二個參與運算的數字。此時需要先把第一個參與運算的數記錄下來，這就是第一個數矩形的作用。

接著，設置判斷文字為“替換”。

再啟用小數點，禁用加減乘除鍵。

思路：當點擊運算符號時，屏幕要開始記錄第二個參與運算的數字。所以判斷條件文字應改為“替換”；若第一個數為小數情況，會禁用掉小數點鍵，此時應該啟用小數點，因為第二個參與運算的數也可以是小數；已經確定運算規則（加減乘除），則應禁用掉這四個運算符號鍵，等待到計算完成后重新啟用

此時則完成加號的事件設置，將加號的事件設置復制粘貼到減號、乘號、除號上，完成所有運算符號鍵的事件設置。

6、等號鍵事件設置

點選等號鍵，單擊時事件，設置條件，當選中狀態，加號為選中true時。

設置加號為選中時事件，屏幕文字等于[[LVAR1+LVAR2]]，LVAR1為第一個數文字，LVAR2為原屏幕文字。

接著設置判斷文字為“替換”，啟用小數點、加減乘除運算鍵。

接著取消選中加減乘除運算鍵，并確定。

確定后將上述寫好的case 1事件復制粘貼在等號鍵盤上，復制為4份。

修改第二份case 1事件，編輯條件，修改條件為減號選中時，設置屏幕文字等于[[LVAR1-LVAR2]]，LVAR1為第一個數文字，LVAR2為原屏幕文字，其他保持不變。

同理，修改第三份case 1事件，編輯條件，修改條件為乘號選中時，設置屏幕文字等于[[LVAR1*LVAR2]]，LVAR1為第一個數文字，LVAR2為原屏幕文字，其他保持不變。

修改第四份case 1事件，編輯條件，修改條件為除號號選中時，設置屏幕文字等于[[LVAR1/LVAR2]]，LVAR1為第一個數文字，LVAR2為原屏幕文字，其他保持不變。

則完成等號事件設置。

7、AC鍵事件設置

點選AC鍵，單擊時事件，設置屏幕文字為“0”，設置判斷文字為“替換”，啟用小數點、加減乘除運算鍵，取消選中加減乘除運算鍵，則完成AC鍵的事件設置。

此時，除正負號鍵與%號鍵外，已完成了其他所有鍵操作，并可用于運算使用。

效果如上，大功告成～

作者：五月，微信公眾號：wuyuepd，歡迎交流學習~

本文由 @五月 原創發布于人人都是產品經理。未經許可，禁止轉載。