用Axure动态面板制制简便抽奖小法式

　　分享通过Axure动态面板完成简单抽奖圭外的或许思绪 一、宗旨

　　通过axure动态面板的功效，完成一个简单的抽奖圭外。

　　 二、才能央求

　　央求看正本的同窗，需求对动态面板的功效又一个基础的担任。倘使不谙习的话，也能够通过本文来会意一下动态面板的属性。

　　 三、主意

　　技痒，思写个文分享一下，输出一下己方的思绪。

　　 四、布景

　　我第一篇著作宣布了后，首页的著作第一的场所很速就被谁人高保真抽奖的著作给挤下去了，看那篇著作正在上面挂了长远，阅读量还比我的高，不太爽。看了下，人家作家是用前端代码完成的，题文不符，我就思能不行用axure完成一个差不众的效益。因而思到了动态面板，唾手完成了一下。从思法到完成或许花了半小时，然则写教程不妨要半天。由于码字有点费手，本落手速慢。

　　 五、教程

　　原型预览链接

　　方法1：新修一个原型，并新修一个页面

　　方法2：拖一个手机壳模子到页面中

　　方法3：拖一个动态面板到页面的手机模子中心场所

　　方法4：拖一个按钮到动态面板正下方场所

　　图片上传退步了，后面再增加图片吧。

　　方法5：双击动态面板，然后拖入一个矩形，矩形布景设备为无背得意。双击矩形，举办文字编辑，输入到场抽奖者姓名。有若干到场者，则新修面板形态，反复方法5即可。（人太众的话就放弃这个形式吧，用别人写好的圭外它不香吗？然则你也能够花时刻缓慢搞，装个×也不错，思做漂后点的话再加上头像什么的就更好了，这里我就不众说何如增添头像了……）

　　方法6：编辑按钮文字为“动手”，并设备交互样式，选中样式背得意为粉色

　　方法7：给按钮增添单击变乱，增添情状，当按钮文字为“动手”时，设备按钮文本为“撒手”，且设备选中形态为“真”，并设备动态面板形态为下一项，勾上向后轮回，且轮回时刻设备为100毫秒；目前设备结束后，点击“动手“按钮后，页面上动态面板的名字会急速滚动起来。此时为动手抽奖形态。

　　方法8：接续给按钮增添心理，当按钮文字为“撒手”时，设备按钮文案为“动手”，且设备选中形态为“假”，并设备动态面板为“撒手轮回”；目前设备结束后，点击“撒手”按钮后，页面上的动态面板滚动会撒手正在目前名字。此时为抽奖遣散形态，显示的名字即为中奖者。