用Axure模擬一個(gè)數(shù)字抽獎(jiǎng)的小游戲

6 評(píng)論 25671 瀏覽 42 收藏 5 分鐘

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

第一步

按照如圖添加各個(gè)元件,并為每個(gè)元件命名:

第一步

第二步:

設(shè)置全局變量,并命名為A(記住全局變量只能命名為英文哦)

第二步

第三步

第三步:

為抽獎(jiǎng)按鈕設(shè)置交互動(dòng)作。點(diǎn)擊抽獎(jiǎng)按鈕,選擇鼠標(biāo)單擊時(shí)的用例。然后選擇設(shè)置變量值,勾選A,再選擇fx,如下圖所示。

第四步1

第四步:

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

第四步2

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

第四步3

第五步:

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

QQ截圖20160922160538

第六步:

將隨機(jī)數(shù)顯示到一級(jí)標(biāo)題上,選擇富文本并編輯文本,插入變量A

1

2

第七步:

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

第七步

第八步:

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

第九步:

為了好看,這里選擇隱藏三個(gè)一級(jí)標(biāo)題。

3

第十步:

繼續(xù)添加抽取按鈕的交互動(dòng)作,讓三個(gè)一級(jí)標(biāo)題顯示出來。

4

看看效果是這樣子的

5

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

 

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 請(qǐng)教,如何去重? 隨機(jī)的3個(gè)數(shù)字不可重復(fù)。

    來自上海 回復(fù)
    1. 這個(gè)我暫時(shí)沒有想到什么辦法,因?yàn)槲疫@個(gè)設(shè)計(jì)每一個(gè)數(shù)字都是單獨(dú)的隨機(jī)數(shù),要做到去重恐怕很難 T T

      來自廣東 回復(fù)
  2. 請(qǐng)問怎么設(shè)置數(shù)值不等于0

    來自廣東 回復(fù)
    1. 什么意思?如果只是取1-9的話,我的辦法是直接在[[Math.random()*10+1]]函數(shù)上+1,本來是0-9的范圍就成了1-10的范圍,但是我們只取第一位數(shù)字所以就沒有0了,但是這樣會(huì)造成一個(gè)后果就是取值1的概率稍大。其實(shí)對(duì)于隨機(jī)數(shù)來說,這個(gè)概率影響并不很大

      來自廣東 回復(fù)
    2. 方便加Q私聊嗎

      來自廣東 回復(fù)
    3. 420105062

      來自廣東 回復(fù)