文章講解了如何用Axure實現(xiàn)隨時數(shù)字鍵盤效果，一起來看看~

說到隨機數(shù)字鍵盤，我相信大家都不會覺得陌生，因為我們經(jīng)常會碰到這種情況。

比如我們在買買買的時候，下單的最后一個節(jié)點就是輸入交易密碼（除非免密支付），細心的小伙伴可能會發(fā)現(xiàn)，有些電商平臺調(diào)出來的鍵盤就是隨機數(shù)字鍵盤，每次各個數(shù)字的位置都不固定并且每個數(shù)字都僅會顯示1次，不會重復。

今天呢，我就帶大家一起來看一下Axure中如何實現(xiàn)這種效果。

話不多說，還是按照我們以往的套路來講解。下文將從3個方面來展開。

01 需求分析

首先先來看一下這個具體的需求是什么？

需求也比較簡單：就是要做出一個隨機數(shù)字鍵盤，再加個小難度，其中清除和倒退2個按鍵位置固定，0-9數(shù)字位置隨機。

從上面的描述，我們看到關鍵詞“隨機”，小伙伴們會想到什么辦法來實現(xiàn)呢？

在Axure中實現(xiàn)這種效果的做法肯定不止一種，但比較簡單的一種方式就是用隨機函數(shù)random。

02 Axure關鍵點分析

1. 數(shù)字鍵盤

我們可以用前面章節(jié)講到的中繼器來搭建數(shù)字鍵盤，這里用到全局變量RandomNum

中繼器中有個字段Random，這個用來標識是否需要用到隨機函數(shù)，對于字母C和X該字段的值為1；0-9數(shù)字均為0，標識需要使用隨機函數(shù)來實現(xiàn)隨機排序

2. 隨機函數(shù)random

點擊獲取隨機鍵盤按鈕時 ，對0-9的數(shù)字使用隨機函數(shù)，并將結(jié)果寫入數(shù)字對應的Random字段中

這里用到數(shù)學函數(shù)random

按照Random字段的值從小到大排序（即升序），從而實現(xiàn)0-9數(shù)字的重新排序

03 效果展示

最后，我們來看一下最終效果，網(wǎng)址為：https://z87ajg.axshare.com

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

題圖來自Unsplash，基于CC0協(xié)議