Axure如何实现音量调节按钮？

在网上看视频时经常有音量调节的按钮，如何用Axure快速做出音量调节按钮？下面给大家分享简单的几步，让你轻松解决这个问题。

想了解更多的“Axure RP”相关内容吗？点击这里免费试学Axure RP课程>>

工具/软件

硬件型号：小新Pro14

系统版本：Windows10

所需软件：Axure RP

方法/步骤

第1步

打开软件，新建文件，拖入一个【动态面板】，命名为【按钮】。

第2步

将【按钮】的状态1和状态2分别命名为【未选中】和【选中】。分别救败加入未选中和选中两种状态下的喇叭图标。

第3步

创建滑块条背景：拖入一个【动态面板】，命名为【滑块背景】。

第4步

双击进入【滑块背景】的状态1，创建一根圆角矩形。

第5步

回到【index】页面，拖入一个【动态面板】，命名为【滑块】，并进入【滑块】状态1创建一个圆形滑块。

第6步

回到【index】页面，调整各部件位置。

第7步

设置【热区】岔伐，如下图，用于触发关闭音量调节。

第8步

选中其中一个热区，设置事件-->复制事件，粘贴到其他热区的动作中。

第9步

设置【按钮】的单击事件如下：

第10步

设栗敏联置【滑块】的滑动如下。页面载入时隐藏【滑块】和【滑块背景】