Axure随机抽奖的原型效果怎么做？
Axure随机抽奖原型效果制作教程:
一、材料准备1。中继器这个教程主要是通过中继器来做的，因为中继器的复用性很强。制作完成后，repeater表中只需要维护奖品信息，就可以自动生成交互效果的布局:呈水平分布，每行物品数为5个；复读机内部需要的组件:内部矩形:设置选中的样式为蓝色(抽奖时闪烁效果)，禁用的样式为橙色(抽奖后效果)。图片元素:奖品的图片内容，然后通过设置图片交互将复读机中的图片设置到这个元素中。文本标签:奖品的文本内容。随后，通过设置文本的交互，将中继器中奖品的文本设置到组件中。内部矩形、图片元素和文本标签被组合并放置在中继器中。复读机内部表设置:复读机表中需要设置5列* * *:无列:序号列，按12345填写，序号将用于后续随机抽样；文字栏:文字栏，对应文字标签的内容，在这里填写奖品信息即可；Pic栏:图片栏，右键导入本地图片，或者填写图片在线地址；宣中列:默认为空，只用于抽奖时的逻辑处理。金庸栏:默认为空，仅用于抽奖完成后奖品背景变色的逻辑处理。2.抽奖按钮。可以根据自己的需求设计按钮样式。3.文本标签需要添加两个文本，仅用于逻辑处理。默认情况下，隐藏时间文本用于记录彩票闪烁的时间。
记录文本:用于记录闪烁位置；默认值是1。
二、互动制作1。加载中继器的每个项目时的交互式交互。首先，我们需要将repeater中关于奖品的信息(文字和图片)设置到相应的组件中。设置文本:设置repeater中的文本标签(奖品的文本内容)设置图片:将repeater中的图片组件(奖品的图片)设置为item.pic的内容，然后我们需要根据情况进行设置。如果选择中的值是1: Set Checked:那么我们需要选择背景矩形使其变色。我们通过repeater的值来控制背景矩形的状态。如果玄中列的值为1，即选择了颜色变化。如果不等于1，则不会选择设置文本:这里我们还需要设置录音文本。将其设置为item.no+1，其中item.no是当前序列号。加一表示我闪完了，记录下一个要闪的奖号。接下来，我们设置禁用的事件，它类似于选择的事件。如果jinyong的值为1，则禁用背景矩形。如果不是1，我们就不用写了。因为默认不是1，当然你也可以写如果disabled不等于1，背景矩形是启用的，但是你写不写在这里都一样，没必要浪费时间。最后，我们要做一个循环。需要考虑的是，如果是在最后一行，那么选择时将记录文字设置为序号+1肯定是错误的，在最后一行时要将记录文字设置为1，这样才能循环闪烁。如果tem.isLast为真，宣中的值=1，我们就把记录的文本的值设置为1。然后，中继器中的交互就完成了。接下来，我们进行抽奖循环的交互。2.当加载次数文本时，交互次数文本用于控制抽奖过程中的闪烁次数。因为抽奖是随机的，所以我们在加载组件时将次数文本设置为一个随机数。这里我们用的是随机函数math.random，它可以取0到1之间的任意一个数，然后我们要控制在20到40之间的闪光次数，所以可以用随机函数*20+20的结果来控制，最后记得用固定函数来四舍五入。3.鼠标点击时抽奖按钮互动。这里有两种情况。首先是文本>的次数；0:鼠标点击按钮后，首先要禁用当前按钮。为了防止重复点击带来的问题，我们然后在repeater中标记所有的行，然后更新标记的行，也就是更新所有的行，将所有行中的宣忠列和金庸列的值都改为0，可以理解为将所有奖品的背景设置为默认颜色。然后我们更新行。更新的逻辑是no列的序号= =记录文本，该行的宣忠列的值更新为1。这样可以保证一次只选择1，选择这个后记录文本+1会自动设置，实现循环。这里我们设置一个等待时间，也就是每个奖显示蓝色背景的时间。在这种情况下，它是0.1秒。可以根据实际情况设置。之后，我们将文本的次数设置为其原始值-1，然后在单击当前按钮时触发事件。举个例子，如果随机数一开始是20，那么就一直循环下去，从20到19到18到0，然后就停止了。当数字文本变为0时，我们将进入下一种情况:首先通过标记所有行来更新所有行，将所有行中的宣中列和金庸列的值都改为0。这一步和上一步一样。然后我们更新行。更新的逻辑是no列的序号= =记录文本。这里注意，这次更新是将这一行的jinyong列的值更新为1。这样一个就会变成橙色，也就是画出来的键盘。按理说这就完成了整个抽奖过程，稍后我们就要为下一次抽奖做准备了。因为该按钮在抽奖开始时被禁用，所以我们必须在这里重新启用抽奖按钮。然后我们再次随机抽取闪烁次数，因为加载时文本的次数是由random函数设置的，所以我们可以在触发随机文本时直接触发事件。这样，我们就完成了随机抽奖的原型模板。如果以后用的话，可以直接在repeater表中维护奖品信息，自动生成交互。不是方便快捷吗？以上就是“如何做Axure随机抽奖的原型效果？”我已经解释了相关内容，希望对你有所帮助！学习Axure原型设计，教程不怕多，内容不怕细节，更多Axure文章等你来看~如果你以后想从事产品经理的工作，学习和掌握Axure是绝对必要的！学习Axure的同时，可以选择Axure自学视频课和课程专业体系。不妨学习体验一下~