Axure教程:高保真滚动抽奖

  看一下这回咱们思要实行的后果:

  小伙伴们可能点击这个预览链接,亲手尝尝吧。
(若是察觉了啥BUG,还请烦琐偷偷的评论告诉我。)

  看事后果之后咱们再确认一下咱们要实行的几个成效

   点击“先导抽奖”,正在名单中随机抽取一位中奖人,并有忽闪切换的滚动后果。 点击“再抽一次”,会开启新一轮的抽奖,而且不包蕴上一轮抽中的中奖人。 统共职员都抽取完后,可能点击“从头先导”开启新一轮的抽奖,会从头将统共名单加载进来。

  那么,咱们提炼一下几个重心

   职员名单,怎样存放职员名单; 随机,怎样实行随机抽取; 切换,怎样实行正在候选人之间忽闪切换; 怎样实行先导切换,以及放手切换(抽中候选人); 不包蕴,怎样排出上一轮已中奖名单;

  怎样存放职员名单:
行使中继器,正在页面加载时,增加一个举动增加行。

  怎样实行随机抽取
给每个职员一个随机编码,然后实行排序,候选人的排序就被打乱了,就可能做到随机的后果。

  怎样实行忽闪切换
中继器设备分页,一页仅显示一行音讯,那么只须实行必然时辰后翻到下一页就可能实行切换了。

  那么如何实行轮回切换呢?由于平常情景下页面翻到终末一页,就会放手了。那么咱们就要正在它翻到终末一页的功夫再增加一个举动,即是跳到第一页,云云就可能从第一页先导不停往后翻页了。

  怎样实行先导抽奖和放手抽奖
翻译过来即是,如何让中继器连续翻页,并正在思要的功夫停下。
那么咱们就要设备一个全部变量,我给它定名为 StopOrStart,它将会有两种赋值即是start和stop。
当这个值不等于stop的功夫,中继器就继续翻页。那就要商量什么举动能继续开拔翻页。这个似乎是一个公式雷同,根本即是当状况蜕变,当文本蜕变时。正好咱们中继器里须要有姓名、手机号,这两样就可能用文本框,文本框就有当文本蜕变时的交互。此外这里很好的一个点是分别的人可以有相似的姓名,但手机号确信不雷同。以是咱们正在对显示手机号的文本框上增加文本蜕变时的交互。翻译一下即是,当显示手机号的文本框蜕变时,只须全部变量StopOrStart不等于Stop,就络续地翻页。

  那么让它停下来就简便了,即是让全部变量正在你须要的功夫让它形成是Stop就好了。我正在这个原型中设备了过三秒全部变量等于Stop,那么也可能是当点击某个按钮的功夫全部变量等于Stop,翻页就放手了,那么眼前页就算是抽中的人选了。

  那么翻页放手后,又怎样启动抽奖呢?只须触发某个举动时让中继器先导翻到下一页,文本框蜕变了,就又会触发连续翻页了。

  怎样不才一轮抽奖的功夫排出之前的中奖职员
再下一次抽奖之前,将眼前页面的职员删除。此时手机号码的独一性又派上用场了,删除中继器中手机号码等于眼前文本框中的文本音讯的行即可。

  以上即是根基型的中枢逻辑啦,须要下载原型的小伙伴可能点击这个预览链接查看下载链接。

发表评论

表情:
验证码
评论列表 (暂无评论,376人围观)

还没有评论,来说两句吧...