用Axure模擬一個(gè)數(shù)字抽獎(jiǎng)的小游戲
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,如下圖所示。
第四步:
添加函數(shù)random();random函數(shù)主要是隨機(jī)產(chǎn)生0-1之間的小數(shù)。
但是我們是要生成0-9之間的整數(shù),這時(shí)就需要將0-1之間的小數(shù)變?yōu)?-10之間的小數(shù),即為原數(shù)的10倍。那么我們只需在random函數(shù)上乘以10即可。
第五步:
我們雖然生成了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ù)字。
第六步:
將隨機(jī)數(shù)顯示到一級(jí)標(biāo)題上,選擇富文本并編輯文本,插入變量A
第七步:
這樣我們就可以預(yù)覽下,發(fā)現(xiàn)點(diǎn)擊抽獎(jiǎng)按鈕是可以產(chǎn)生0-9之間的隨機(jī)數(shù)的。
第八步:
按照上述步驟設(shè)置好另外兩個(gè)位數(shù)即可。
第九步:
為了好看,這里選擇隱藏三個(gè)一級(jí)標(biāo)題。
第十步:
繼續(xù)添加抽取按鈕的交互動(dòng)作,讓三個(gè)一級(jí)標(biāo)題顯示出來。
看看效果是這樣子的
這樣我們就已經(jīng)全部完成整個(gè)隨機(jī)數(shù)的抽取。
本文由 @ChrisWong 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
請(qǐng)教,如何去重? 隨機(jī)的3個(gè)數(shù)字不可重復(fù)。
這個(gè)我暫時(shí)沒有想到什么辦法,因?yàn)槲疫@個(gè)設(shè)計(jì)每一個(gè)數(shù)字都是單獨(dú)的隨機(jī)數(shù),要做到去重恐怕很難 T T
請(qǐng)問怎么設(shè)置數(shù)值不等于0
什么意思?如果只是取1-9的話,我的辦法是直接在[[Math.random()*10+1]]函數(shù)上+1,本來是0-9的范圍就成了1-10的范圍,但是我們只取第一位數(shù)字所以就沒有0了,但是這樣會(huì)造成一個(gè)后果就是取值1的概率稍大。其實(shí)對(duì)于隨機(jī)數(shù)來說,這個(gè)概率影響并不很大
方便加Q私聊嗎
420105062