进度条在产品设计交互中起到了非常重要的作用,所以如何制作进度条对产品来说很重要。但是在网上看了很多进度条制作,都非常乱,而且也没有效果,在此我将自己制作的进度条详细的记录下来,以供大家作为参考。
首先我们把元件从元件库中拉取出来。
步骤一:

步骤二

步骤三

步骤四
将三个元件重合起来,依次是进度槽,进度条,拖动条。

步骤五
接下来我们来给元件加事件,当“拖动”拖动条时,水平拖动,左侧>=0,右侧<=进度槽的宽度。
上边图上添加边界时,选择有误,应该是:左侧>=0,右侧<=[[jinducao.width]]

本文详细介绍了如何使用Axure一步步制作进度条,包括将进度槽、进度条和拖动条元件重合,并设置拖动事件,确保拖动条在进度槽内的边界限制,以及通过FX设置动态数值,最终完成交互式的进度条制作。
最低0.47元/天 解锁文章
616

被折叠的 条评论
为什么被折叠?



