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

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

2019-12-01 20:21:04

本文将与您分享如何使用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协议。

澳门美高梅 内蒙古11选5投注 吉林十一选五开奖结果

上一篇:装修多久才能入住,99%的人不清楚原因
下一篇:设计总院安徽国路高速公路有限公司取消省界收费站EPC项目顺利
相关阅读

Copyright 2018-2019 renetacorreia.com 马道新闻 Inc. All Rights Reserved.