动态面板是Axure原型制作中使用非常频繁的一个元件 ， 它主要用于实现动态的交互效果 ， 它由一个或多个状态组成 ， 每个状态就是一个页面 ， 可以通过事件来控制动态面板的状态 。下面我们一起来学习关于如何用动态面板制作横向滑块的制作方法 。
文章插图
【Axure如何用动态面板制作横向滑块？制作方法是什么？】制作横向滑块的构成元件有三个：背景、进度条、圆形（将圆形转换为动态面板） 。
用鼠标拖动圆形（动态面板）的时候 ， 需要添加三个交互动作：
1、水平移动当前元件 。设置拖动边界 ， 左侧大于等于0 ， 右侧小于等于背景的长度 。这样操作是为了能够让这个圆圈在背景条上拖动起来 。
2、根据效果需要设置进度条的尺寸 ， 注意要添加局部变量圆指的是动态面板圆 ， 锚点在左侧 ， 这一步是让进度条跟着动起来 。
3、下一步设置圆形上的元件文字 ， 注意添加局部变量 。
设置圆形上的文字 ， 公式计算的是当前位置的百分比 。计算百分比的时候分子分母都需要减去本身宽度 ， 不然就不是从零开始的了 。
小伙伴们需要注意三个元件的层级顺序 ， 圆圈在最上面 ， 进度在中间 ， 背景在最底下 。想要调整顺序可以在概要面板里面拖动调整元件的层级 。
以上就是关于Axure如何用动态面板制作横向滑块的制作方法和步骤 ， 动态面板在制作原型的时候常常会被用到 ， 所以大家需要熟练掌握动态面板的使用方法 。
推荐阅读
- axure如何用中继器做穿梭框？制作方法是什么？
- dw cs6如何设置背景音乐？有哪些方法和步骤？
- dw如何删除站点？操作步骤是什么？
- dw中怎么交互图像？如何实现鼠标经过图像换图的效果？
- 淘宝拒收后如何退款？退款步骤是什么？
- 淘宝投诉商家有什么作用？淘宝投诉商家有什么方法？
- 抖音小店和快手小店那个好？如何选择？
- 抖音小黄车销量可以补单吗？如何刷？
- 快手电商货源哪里来？质量如何？
- 抖音搜索用户不进主页会被发现吗？抖音如何看粉丝？