生活中在购物的时候经常会遇到一些可以抽奖的活动,很多时候都采用转盘抽奖的形式,抽中奖自然很开心啦活动中奖文案,但是这个转盘原型是怎样做出来的呢,马上来看下吧!
先来个完整图,所有的布局结构,如下图:
步骤一:搭建组件
“转盘”:一个300×300白底黑框的圆形(大小适中就可以),一条垂直线,一条45度垂直线,一条水平线,一条45度水平线,四条线组成8等份,放置在圆形的正中;每一等份放置一个文本标签,用于抽奖凭证,以上所有组件组合并命名为“转盘”。
“抽奖按钮”与“抽奖指针”:一个100×100的灰底黑框圆形,中间文字为“抽奖”,命名为“抽奖按钮”,并放置于转盘的正上方;一个10×30的灰底黑框的三角形,命名为“抽奖指针”并放置于“抽奖按钮”正上方。
步骤二:为“抽奖按钮”添加鼠标点击时用例
只要一个用例就可以完成转盘抽奖效果啦
该用例动作:相对旋转转盘,
试看结束,如继续查看请付费↓↓↓↓
打赏0.5元才能查看本内容,立即打赏
来源【企业推广】自媒体,更多内容/合作请关注「辉声辉语」公众号,送10G营销资料!