【Axure】-- 流程条制作

案例效果：

案例描述：

未进行的步骤为灰色，正在进行的步骤为橘黄色，已完成的步骤为蓝色。点击下一步，相应变换流程的颜色。

元件准备：

截取线上图标：

操作步骤：

布置图标顺序，如：

将第二行元件、第三行、第四行分别设置分组：

如第二行：选中第二行的三个元件，右击：

分别命名为：

Step1、Step2、Step3

将元件叠放在一起：

点击此置顶。依次进行Step2、step3(Step1、Step2、Step3按顺序分别点击置顶按钮)

将Step1、Step2、Step3设为不可见：

设置三个相同的下一步按钮：分别为（nextButtun1, nextButtun2, nextButtun3）

nextButtun1的点击事件为：

Step1显示，nextButtun2置顶：

 

 

nextButtun2的点击事件为：

Step2显示，nextButtun3置顶。

nextButtun3的点击事件为：

Step3显示。

将nextButtun1置顶，nextButtun2，nextButtun3设为不可见。并将三按钮叠放在一起：

最终实现流程效果。