编辑导语：滑动输入是一种方便快捷的输入方式，同时对数据精准度要求不高，只需要一个大概的范围。但由于Axure的基础原件中没有滑动输入的原件，因此本文主要讲解如何制作滑动输入元件，分享给大家。

滑动输入主要是应用于数字的输入，例如价格、评分等，这是一种方便快捷的输入方式，对数据精确度要求不高，只是一个大概的范围。常用于服务评价、调查问卷、价格区间等等。

由于Axure的基础原件并没有滑动输入的元件，所以本期教程主要介绍如果制作滑动输入的元件，方便我们日后的使用。

一、制作完成后应具备以下效果

• 滑动滑块移动到对应的位置，按比例显示对应的数值。
• 点击滑动条具体位置，滑块移动到该位置，并且显示对应的数值。
• 在输入框输入具体数值后，滑块移动到对应的位置。

原型地址：https://sg7sjl.axshare.com/#g=1

二、制作材料

• 滑块——圆形滑块，可以用圆形元件制作，边线选择粗细及颜色即可
• 分值——滑块上方的显示的数字，可以通过矩形右键边框形状得到，也可以自行需要素材
• 动态面板——将滑块和分值放在动态面板内，因为Axure里面只有动态面板可以拖动。
• 灰色滑条——作为底部滑条
• 蓝色滑条——作为顶部滑条，后续添加交互能自动根据滑块位置移动到对应位置。
• 输入框——输入类型选择数字
• **值——用于记录**值，案例中为100，该文本是为了复用性，如果**值改变，例如变成10或者1000，只需要在上面输入对应的**值即可。默认隐藏。

材料如上图所示摆放即可。

三、交互制作