您现在的位置是：首页 > 设计知识设计知识
幸运大转盘设计目的,如何做一个幸运大转盘
2022-12-07 11:28:12设计知识0人已围观
简介 幸运大转盘设计目的,如何做一个幸运大转盘 Python在一些超市中，我们经常会看到抽奖用的大轮盘，那么如何在Axure中重现这样的轮盘呢？相信大家对这个问题都很感兴趣，那就一起来看看方法吧
幸运大转盘设计目的,如何做一个幸运大转盘
Python在一些超市中，我们经常会看到抽奖用的大轮盘，那么如何在Axure中重现这样的轮盘呢？相信大家对这个问题都很感兴趣，那就一起来看看方法吧。
我还为大家准备了“Axure RP”的视频教程。点击查看。
工具/软件
硬件型号：戴尔戴尔Inspiron灵越14Pro
版本：Windows7
所需软件：Axure RP
方法/步骤
第1步
《幸运转盘》比较简单，所以版面上有一些处理。
创建新的圆、箭头、键、文本标签(此处为八个)和水平线(或垂直线，四个)。
第2步
设置尺寸为300*300的“圆”。可以随意填充颜色，设置需要的边缘颜色；
将“水平线”的大小设置为300*1，线条颜色任意，复印3份，分别旋转45度、90度、135度，布局如下图所示：
第3步
此时“圆”被分成八等份。当然，也可以根据需要分成不同的区块，以增加“奖励”或“中奖概率”；
这里就按照“圈”8等份演示来说明吧~
第4步
“文字标签”制作8份，分别设置不同的“奖项”和不同的旋转角度；
演示设置的旋转角度为：337.5度、292.5度、247.5度、202.5度、157.5度、112.5度、67.5度、22.5度；
将“文本标签”、“圆”和“水平线”组合起来，命名为“转盘”
布局如下图所示：
第5步
设置“箭头”大小为200*10，填充颜色为#FF0000，旋转330度(可选)，放置在“组合：转盘”上方中间位置；
将“关键”的内容设置为“掉头”；
布局如下图所示：
第6步
现在让表盘和指针转起来~
第7步
设置“按键”的“鼠标点击时”的交互：
第8步
行动1:
-
将指针旋转角度设置为[[Math.random()*10000]]，旋转方向：顺时针，锚点：中心，动画效果：慢进慢出，时间：5000毫秒。
-
(Math.random()是一个随机数)
第9步
行动2:
-
设置“转盘”的旋转角度为[[Math.random()*5000]]，旋转方向：逆时针，锚点：中心，动画效果：慢进慢出，时间：5000毫秒。
-
(Math.random()是一个随机数)
第10步
好了，简单简单的“钥匙”设置”，漂亮的“幸运大转盘”就完成了~
第11步
转身看看自己有多幸运？
注意/提示
以上是“Axure是如何设计幸运转盘的？”相信大家都仔细看过这篇文章的所有内容。如果在学习过程中遇到问题，不妨再看一遍文章。相信大家都能轻松解决目前的问题。
Tags： 设计知识
很赞哦！ ()