您的位置:主页 > 白小姐开奖结果 > 用中继器制作抽签原型

用中继器制作抽签原型

发布日期:2021-08-25 06:23   来源:未知   阅读:

  src=随机函数是 axure 里面常用的函数,常用于验证码、www.90188C.COM。抽签等案例。所以今天作者就教大家如何制作高保真的抽签原型。该原型主要使用中继器原件配合随机函数制作,www.3481.com,通过填写中继器表格内容,或者复制 excel 表格内容到中继器表格,通过交互自动实现抽签效果,完成后如下如所示效果:

  内部矩形:设置选中样式为浅蓝色(抽签过程中闪烁效果),禁用样式的边框颜色为蓝色(抽签完成后抽中的效果)。

  表格:共 4 列,no 列为按 12345 ……填写;text 列为文字列,填写抽签人民;xuanzhong 列用于记录选中的格子(模拟抽签过程中闪烁效果),默认为空;jinyong 列用于记录抽中的格子(模拟抽签完成后抽中的效果),默认为空。

  抽签按钮:填充颜色默认为蓝色,禁用时为浅蓝色;文字默认为白色,禁用时为灰色

  设置文本:将中继器内部矩形的文本设置为 Item.text,即中继器表格内 text 列的值

  如果 xuanzhong 列的值为 1,设置中继器内部矩形的选中状态为真,因为之前我们设置了矩形选中是填充颜色变蓝色,所以如果 xuanzhong 列的值为 1,对应的矩形就会变蓝

  如果 jinyong 列的值为 1,设置中继器内部矩形为禁用,因为之前我们设置了矩形禁用时线段颜色为蓝色,所以如果 jinyong 列的值为 1,对应的矩形就会有个蓝色的外框线

  这里需要分两种情况,一种是动效文本大于 0,即还在抽签闪烁的过程中;另一种是动效文本不大于 0,即抽签已经完成。

  更新行:更新中继器内标记的行,即全部行,把 xuanzhong 和 jinyong 列的值全部更新为 0。这一步和上一步合起来其实就是一个恢复原样的操作,因为之前如果抽过一次,就会有值残留。

  更新行:更新中继器条件符合 Item.no== 随机数本文的值,即刚刚随机数对应的行,将该行的 xuanzhong 中设置为 1。

  这里其实就是通过控制 xuanzhong 列的值,起到一个模拟抽签的闪烁效果,没 200 毫秒闪烁一次,闪烁的次所由动效文本决定,例如案例中动效文本默认值为 20,则会闪烁 20 次。

  更新行:更新中继器条件符合 Item.no== 随机数本文的值,即刚刚随机数对应的行,将该行的 jinyong 列的值设置为 1。

  这个就是最后抽签中的结果到此完成抽签,但是我们还要将按钮和动效文本恢复原状,这样下一次抽签才能正常:

  src=到这里我们就完成了整个抽签的模型了,这里是一个简单的抽取人名的方式,你们也可以在中继器内添加图片,变成一个抽奖的原型,有兴趣的同学可以课后尝试一下。

------分隔线----------------------------