中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)讀：隨機(jī)函數(shù)是axure里面常用的函數(shù)，常用于驗(yàn)證碼、抽簽等案例。本文作者分享如何制作高保真的抽簽原型，希望對你有幫助。

隨機(jī)函數(shù)是axure里面常用的函數(shù)，常用于驗(yàn)證碼、抽簽等案例。所以今天作者就教大家如何制作高保真的抽簽原型。該原型主要使用中繼器原件配合隨機(jī)函數(shù)制作，通過填寫中繼器表格內(nèi)容，或者復(fù)制excel表格內(nèi)容到中繼器表格，通過交互自動實(shí)現(xiàn)抽簽效果，完成后如下如所示效果：

原型地址：https://da8lw5.axshare.com

一、材料準(zhǔn)備

1. 中繼器

布局：為水平分布，每行項(xiàng)目數(shù)為5；背景顏色：為白色和灰色交替；

內(nèi)部矩形：設(shè)置選中樣式為淺藍(lán)色（抽簽過程中閃爍效果），禁用樣式的邊框顏色為藍(lán)色（抽簽完成后抽中的效果）。

表格：共4列，no列為按12345……填寫；text列為文字列，填寫抽簽人民；xuanzhong列用于記錄選中的格子（模擬抽簽過程中閃爍效果），默認(rèn)為空；jinyong列用于記錄抽中的格子（模擬抽簽完成后抽中的效果），默認(rèn)為空。

2. 按鈕

抽簽按鈕：填充顏色默認(rèn)為藍(lán)色，禁用時為淺藍(lán)色；文字默認(rèn)為白色，禁用時為灰色

3. 文本標(biāo)簽

需要增加兩個文本，只用于邏輯處理，默認(rèn)隱藏

• 動效文本：用于記錄抽簽是閃爍效果的次數(shù)，這里我們默認(rèn)20次
• 隨機(jī)數(shù)文本：用于記錄隨機(jī)數(shù)，默認(rèn)為空

二、交互制作

1. 中繼器載入時交互

• 設(shè)置文本：將中繼器內(nèi)部矩形的文本設(shè)置為Item.text，即中繼器表格內(nèi)text列的值
• 如果xuanzhong列的值為1，設(shè)置中繼器內(nèi)部矩形的選中狀態(tài)為真，因?yàn)橹拔覀冊O(shè)置了矩形選中是填充顏色變藍(lán)色，所以如果xuanzhong列的值為1，對應(yīng)的矩形就會變藍(lán)
• 如果jinyong列的值為1，設(shè)置中繼器內(nèi)部矩形為禁用，因?yàn)橹拔覀冊O(shè)置了矩形禁用時線段顏色為藍(lán)色，所以如果jinyong列的值為1，對應(yīng)的矩形就會有個藍(lán)色的外框線

2. 抽簽按鈕鼠標(biāo)單擊時按鈕

這里需要分兩種情況，一種是動效文本大于0，即還在抽簽閃爍的過程中；另一種是動效文本不大于0，即抽簽已經(jīng)完成。

動效文本大于0時的交互為：

禁用：禁用當(dāng)前按鈕，在抽簽結(jié)束前不能在按該按鈕，防止同時進(jìn)行多次抽簽。

標(biāo)記行：標(biāo)記中繼器內(nèi)全部行

更新行：更新中繼器內(nèi)標(biāo)記的行，即全部行，把xuanzhong和jinyong列的值全部更新為0。這一步和上一步合起來其實(shí)就是一個恢復(fù)原樣的操作，因?yàn)橹叭绻檫^一次，就會有值殘留。

設(shè)置文本：這里我們要設(shè)置隨機(jī)數(shù)文本=(Math.random()*LVAR1.itemCount).toFixed(0)，Math.random是隨機(jī)函數(shù)，代表從0-1之間去一個小數(shù)，LVAR1.itemCount是中繼器的行數(shù)，toFixed是四舍五入函數(shù)。

更新行：更新中繼器條件符合Item.no==隨機(jī)數(shù)本文的值，即剛剛隨機(jī)數(shù)對應(yīng)的行，將該行的xuanzhong中設(shè)置為1。

等待：等待200ms

設(shè)置文本：動效文本為他的值-1

觸發(fā)：觸發(fā)抽簽按鈕鼠標(biāo)單擊時事件。

這里其實(shí)就是通過控制xuanzhong列的值，起到一個模擬抽簽的閃爍效果，沒200毫秒閃爍一次，閃爍的次所由動效文本決定，例如案例中動效文本默認(rèn)值為20，則會閃爍20次。

動效文本小于等于0時的交互為：

更新行：更新中繼器條件符合Item.no==隨機(jī)數(shù)本文的值，即剛剛隨機(jī)數(shù)對應(yīng)的行，將該行的jinyong列的值設(shè)置為1。

這個就是最后抽簽中的結(jié)果到此完成抽簽，但是我們還要將按鈕和動效文本恢復(fù)原狀，這樣下一次抽簽才能正常：

設(shè)置文本：設(shè)置動效文本的值==20（初始值）

啟用：啟用抽簽按鈕

到這里我們就完成了整個抽簽的模型了，這里是一個簡單的抽取人名的方式，你們也可以在中繼器內(nèi)添加圖片，變成一個抽獎的原型，有興趣的同學(xué)可以課后嘗試一下。

那以上就是本期的全部內(nèi)容了，感謝您的閱讀，我們下期見，88~~~

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

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