您现在的位置:   首页 >> 新闻中心 >> 原型设计

Axure RP 9 教程:记录你的能力值

发布人:www.yunke.ai 发布时间:2021-01-01 143 次浏览

本案例制作一个可拖动的条形进度条,同时可以显示当前位置的百分比。一起来看看~

实现效果:

  • 自由拖动进度条
  • 记录当前进度条的百分比
  • 顺便记录下你的颜值

Axure RP 9 教程—记录你的能力值

实现逻辑

this.right函数:当前元件最右侧的横坐标。

LVAR.toFixed(decimalPoints)函数:用于选取保留几位小数,LVER为所选值,decimalPoints数字,例如 5.toFixed(2)是指5.00 。

100除以进度条的长度就等于每拖动进度条单位长度时对应的百分比数值。

交互步骤