进度条在产品设计交互中起到了非常重要的作用,所以如何制作进度条对产品来说很重要。但是在网上看了很多进度条制作,都非常乱,而且也没有效果,在此我将自己制作的进度条详细的记录下来,以供大家作为参考。
首先我们把元件从元件库中拉取出来。
步骤一:
步骤二
步骤三
步骤四
将三个元件重合起来,依次是进度槽,进度条,拖动条。
步骤五
接下来我们来给元件加事件,当“拖动”拖动条时,水平拖动,左侧>=0,右侧<=进度槽的宽度。
进度条在产品设计交互中起到了非常重要的作用,所以如何制作进度条对产品来说很重要。但是在网上看了很多进度条制作,都非常乱,而且也没有效果,在此我将自己制作的进度条详细的记录下来,以供大家作为参考。
首先我们把元件从元件库中拉取出来。
将三个元件重合起来,依次是进度槽,进度条,拖动条。
接下来我们来给元件加事件,当“拖动”拖动条时,水平拖动,左侧>=0,右侧<=进度槽的宽度。