Axure作為原型工具，功能齊全而且簡單易用。我作為剛剛畢業(yè)的小白，簡單學了幾個功能后，今天為大家展示一個用Axure模擬數(shù)字抽獎的游戲。數(shù)字抽獎的規(guī)則是每點擊一次抽獎就會隨機出現(xiàn)三個數(shù)字，每個數(shù)字都是0-9之間的個位數(shù)。當然了你也可以繼續(xù)按照規(guī)則設置更多數(shù)字的抽獎游戲。下面是干貨階段！

第一步

按照如圖添加各個元件，并為每個元件命名：

第二步：

設置全局變量，并命名為A（記住全局變量只能命名為英文哦）

第三步：

為抽獎按鈕設置交互動作。點擊抽獎按鈕，選擇鼠標單擊時的用例。然后選擇設置變量值，勾選A，再選擇fx，如下圖所示。

第四步：

添加函數(shù)random（）；random函數(shù)主要是隨機產(chǎn)生0-1之間的小數(shù)。

但是我們是要生成0-9之間的整數(shù)，這時就需要將0-1之間的小數(shù)變?yōu)?-10之間的小數(shù)，即為原數(shù)的10倍。那么我們只需在random函數(shù)上乘以10即可。

第五步：

我們雖然生成了0-10之間的小數(shù)，但是還是有小數(shù)部分啊，那么接下來我們就需要去掉小數(shù)部分。這里是整個操作最難的部分，但是也只是一個函數(shù)而已。我們需要設置一個復合函數(shù)來去掉小數(shù)部分。首先是字符串函數(shù)substring（），其用途為從當前文本對象中截取從指定位置到另一個指定位置區(qū)間的字符串，但是右側位置不截取。所以我們只需要將小數(shù)從第一位截取到小數(shù)點即可。所以我們的函數(shù)表達式為[[A.substring(0,1)]]。這樣就可以只截取第一位有效數(shù)字。

第六步：

將隨機數(shù)顯示到一級標題上，選擇富文本并編輯文本，插入變量A

第七步：

這樣我們就可以預覽下，發(fā)現(xiàn)點擊抽獎按鈕是可以產(chǎn)生0-9之間的隨機數(shù)的。

第八步：

按照上述步驟設置好另外兩個位數(shù)即可。

第九步：

為了好看，這里選擇隱藏三個一級標題。

第十步:

繼續(xù)添加抽取按鈕的交互動作，讓三個一級標題顯示出來。

看看效果是這樣子的

這樣我們就已經(jīng)全部完成整個隨機數(shù)的抽取。

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