首页 娱乐 Axure教程:转盘抽奖交互原型 查看内容

Axure教程:转盘抽奖交互原型

2019-11-03 13:20:56| |查看: 4765

[摘要] 本文跟大家分享,如何使用axure制作转盘抽奖交互原型,不带登录流程。数字3命名为:cishu抽奖结果动态面板拆分说明抽奖结果动态面板包含四个面板状态,并分别对应转盘上的四个奖项。鼠标单击时:添加判断

本文将与您分享如何使用axure制作互动的转盘彩票原型,无需登录过程。

效果如下:

(1)主要部件:动态面板

(2)关键点:旋转交互、随机函数和触发动作。

(3)难度:通过停止位置判断彩票结果

(4)涉及功能和说明:

(1)框架页

包含手机边框+内嵌框架,主要用于将内容传输到当前页面以显示整体效果。

双击内嵌框架,选择索引页,并将内容页引用到内嵌框架。

(2)内容页面

包含工作的所有组成部分。(默认情况下,提示内容是隐藏的)。

(1)转盘

它由背板+按钮两部分组成,旋转部分与按钮指针分离,便于添加和交互。背板名为“朱潘安”。

(2)剩余时间

数字是独立的文本标签,因此数字很容易计算。数字3叫做cishu。

(3)彩票结果的动态面板分割指令

幸运抽奖结果动态面板包括四个面板状态,对应于转盘上的四个奖项。动态面板名为jiangpin,默认设置是隐藏的。

点击鼠标时,增加判断:如果cishu分量值大于0,进行旋转、乘以减1等交互;当cishu值小于0时,2秒钟后会显示并隐藏一条提示消息。

交互式设置:

例如,在加载时,可以使用在江平的动态面板上交互写入彩票结果的任何事件。

因为转盘上有4个奖励间隔,每个间隔为90度;停止后,将最终旋转度除以360度,取余数来判断转盘上相应的位置,然后输出相应的奖励(设置面板状态)。

如果需要转换为if,则在其他地方。

添加条件的具体设置请参考以下内容:

表达式描述([·[·阿尔瓦1 .旋转% 360°]):获取转盘的旋转角度,然后取剩余的360°。获得最终的停止角度。

点击鼠标时:隐藏江品动态面板。

将江平动态面板和tishi元素移动到内容区域,以便在播放中垂直对齐。选择所有内容,并将坐标更改为(0,0)原点。

最后返回框架页面,预览整体效果。

原型下载:链接:https://pan.baidu.com/s/1jqnv5xzgkuunf9njker9tw密码:66l4

这篇文章最初由@宋林牛郎发表,每个人都是产品经理。未经允许禁止复制。

主题图来自pexels,基于cc0协议。

任你博

相关阅读

© Copyright 2018-2019 myswizard.com 淮源木亭信息门户网 Inc. All Rights Reserved.