我是封面
hi，大家好，我是18岁fantasy，axure组件和实例100篇连载。
3月份在国内上映的《波西米亚狂想曲》凭借完美的还原皇后（queen）乐队的诞生到成熟，到最后大放异彩而备受影迷期待，男猪脚也成功获得届奥斯卡金像奖最佳男主角。皇后乐队的精神及其音乐也因此从重新回到大众身旁。
本期小组件为通过一个模拟的音乐播放器配以queen团队靓照封面，以此致敬皇后乐队。组件主要用到axure的阴影效果，及部分函数计算。
显示效果
显示效果
实现方式
1.图层分析。后续讲解各组件的制作过程，具体如下：
图层分析
撞针制作：
通过钢笔工具勾画杆的部分，配以其他圆圈制作而成。
碟片制作：
通过黑色阴影填充制作拉丝效果；
通过阴影实现光晕效果；
具体如下：
碟片制作
整体框架：
框架
添加事件
为播放和停止按钮添加事件。
单击播放按钮时，启动图片动态面板旋转以及旋转撞针到指定位置。并将按钮切换为停止按钮状态。
当点击停止按钮，图片动态面板停止旋转，并恢复撞针到原始位置。
这里用到了全局变量的切换，以便axure通过判断全局变量的值来启动对应逻辑，达到停止和启动旋转的效果。具体如下图：
启动按钮点击事件
通过全局变量来判断是非旋转
关于撞针的旋转和恢复里面用到了三角函数相关计算，否则很难将不规则的形状旋转后再恢复到原始位置。大家可以一试。关于这个问题后面单独一篇介绍。
~以上便是本次小组件的全部内容~
原件下载
链接：https://pan.baidu.com/s/1ssbM5-S4uvzdl_D0pQbb0g
提取码：u19y
~~~
18岁提示：以上文件完成于axure 8版本。
定期会将组件整理成完整文件统一发布。
原创文章，转载请标明出处。
网友评论