作为产品经理,向技术人员清晰表达需求,必须借助高保真原型,使其更直观、准确地理解功能细节与交互逻辑。
1、 在Axure画布绘制一个宽300、高15的条形矩形。
2、 在进度条下方添加文字控件,显示当前进度字样。
3、 在进度条下方添加开始和暂停两个按钮控件。
4、 把画好的矩形涂成绿色
5、 将动态面板d001覆盖已绘制的矩形,确保尺寸一致,另在空白区域添加小型动态面板d002,并将其初始状态设为隐藏。
6、 为开始按钮添加点击事件,触发后显示动态面板d002;当该面板切换显隐状态时,同步更新进度条进度与计数值。
7、 如此便能实现最终的进度条效果
