本文跟大家分享，如何使用axure制作转盘抽奖交互原型，不带登录流程。

效果如下：

抽奖流程

一、主要内容

（1）主要元件：动态面板

（2）重点：旋转交互、随机函数、触发动作。

（3）难点：通过停止位置判断抽奖结果

（4）涉及函数及解释：

1. target：目标元件
2. text：元件文本
3. Math.random()：返回0-1之间的一个数字
4. rotation：元件旋转角度

二、原型准备：主要包含两个页面

（1）框架页面

包含手机边框+内联框架，主要用于将内容调入当前页面，展示整体效果。

双击内联框架，选中index（内容）页面，把内容页面引用到内联框架中。

（2）内容页面

包含作品全部元件内容。（提示内容默认隐藏）。

三、原型拆解说明

（1）转盘

由两大部分组成，背板+按钮，旋转部分与按钮指针分开，方便添加交互，对背板命名为：zhuanpan。

（2）剩余次数

数字为单独的文本标签，这样方便对数字进行运算。数字3命名为：cishu

（3）抽奖结果动态面板拆分说明

抽奖结果动态面板包含四个面板状态，并分别对应转盘上的四个奖项。动态面板命名为：jiangpin，默认设置隐藏。

四、交互动作