欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

axure怎么制作进度条的效果? axure进度条的制作方法

程序员文章站 2023-02-17 22:47:50
axure怎么制作进度条的效果? axure进度条的制作方法...

auxre种族网页原型很方便,今天我们就来看看使用axure制作常见的进度条的教程。

1、首先打开axure,新建一个空白页面,在工作区域内拖入本次要使用的各个元件,如下图所示。

axure怎么制作进度条的效果? axure进度条的制作方法

2、然后对各个元件的样式进行调整,并对元件进行命名,如下图所示。

axure怎么制作进度条的效果? axure进度条的制作方法

axure怎么制作进度条的效果? axure进度条的制作方法

3、然后将元件转为动态面板,并命名,如下图所示。

axure怎么制作进度条的效果? axure进度条的制作方法

axure怎么制作进度条的效果? axure进度条的制作方法

axure怎么制作进度条的效果? axure进度条的制作方法

4、然后给元件加交互事件,如下图所示。

axure怎么制作进度条的效果? axure进度条的制作方法

axure怎么制作进度条的效果? axure进度条的制作方法

5、注意动画的效果要设置成线性,如下图所示。

axure怎么制作进度条的效果? axure进度条的制作方法

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

axure怎么制作进度条的效果? axure进度条的制作方法

axure怎么制作进度条的效果? axure进度条的制作方法

以上就是axure进度条的制作方法,希望大家喜欢,请继续关注。

相关标签: Axure 进度条