教大家使用Axure制作动态步骤条效果

 时间:2024-10-12 15:49:19

1、打开Axure,今天教大家使用Axure制作动态步骤条效果,如下图所示。

教大家使用Axure制作动态步骤条效果

2、首先将本次需要使用的元件拖入到工作台中,如下图所示。

教大家使用Axure制作动态步骤条效果

3、然后调整元件的大小和样式,制作出如下图所示的步骤条,如下图所示。

教大家使用Axure制作动态步骤条效果

4、同样的方式,我们再制作出更多的步骤条,便于下面做动态效果使用,如下图所示。

教大家使用Axure制作动态步骤条效果

5、制作完成后,我们右击其中一个步骤条,将其转换为动态面板,如下图所示。

教大家使用Axure制作动态步骤条效果

6、然后复制出3个状态,将其他的步骤条放到不同的状态中,如下图所示。

教大家使用Axure制作动态步骤条效果教大家使用Axure制作动态步骤条效果

7、然后进入到步骤条中,给每一个按钮做交互事件,如下图所示。

教大家使用Axure制作动态步骤条效果

8、同样也给其他状态中的步骤条里的按钮做交互事件,如下图所示。

教大家使用Axure制作动态步骤条效果教大家使用Axure制作动态步骤条效果

9、最后f5预览一下效果,如下图所示。

教大家使用Axure制作动态步骤条效果教大家使用Axure制作动态步骤条效果
  • 家庭主妇如何做家庭预算
  • 二手房公积金贷款在公评网评估房价具体怎么操作
  • 男生头发少怎么办
  • Ubuntu如何开启多桌面切换功能
  • 防“顶嘴”秘笈
  • 热门搜索
    女生短发发型大全 发烧39度怎么办 我的世界木棍怎么做 风热感冒吃什么药 海信3d眼镜怎么用 哺乳期感冒吃什么药不影响哺乳 感冒为什么会鼻塞 冰龙王怎么获得 冰箱保鲜室结冰怎么办 坚持不懈的近义词