文章講解了如何用Axure實現隨時數字鍵盤效果，一起來看看~
說到隨機數字鍵盤，我相信大家都不會覺得陌生，因為我們經常會碰到這種情況。
比如我們在買買買的時候，下單的最後一個節點就是輸入交易密碼（除非免密支付），細心的小夥伴可能會發現，有些電商平臺調出來的鍵盤就是隨機數字鍵盤，每次各個數字的位置都不固定並且每個數字都僅會顯示1次，不會重複。
今天呢，我就帶大家一起來看一下Axure中如何實現這種效果。
話不多說，還是按照我們以往的套路來講解。下文將從3個方面來展開。
01 需求分析
首先先來看一下這個具體的需求是什麼？
需求也比較簡單：就是要做出一個隨機數字鍵盤，再加個小難度，其中清除和倒退2個按鍵位置固定，0-9數字位置隨機。
從上面的描述，我們看到關鍵詞“隨機”，小夥伴們會想到什麼辦法來實現呢？
在Axure中實現這種效果的做法肯定不止一種，但比較簡單的一種方式就是用隨機函數random。
02 Axure關鍵點分析
1. 數字鍵盤
我們可以用前面章節講到的中繼器來搭建數字鍵盤，這裡用到全局變量RandomNum
中繼器中有個字段Random，這個用來標識是否需要用到隨機函數，對於字母C和X該字段的值為1；0-9數字均為0，標識需要使用隨機函數來實現隨機排序
2. 隨機函數random
點擊獲取隨機鍵盤按鈕時 ，對0-9的數字使用隨機函數，並將結果寫入數字對應的Random字段中
這裡用到數學函數random
按照Random字段的值從小到大排序（即升序），從而實現0-9數字的重新排序
03 效果展示
最後，我們來看一下最終效果，網址為：https://v8uepi.axshare.com
題圖來自Unsplash，基於CC0協議
分享到:
閱讀更多 人人都是產品經理 的文章
