快好知 kuaihz

Axure 9 教程:Axure 9 实现轮播图效果

轮播图在日常的原型设计中是最常见的了,今天和大家分享如何制作自动轮播+手工点击切换。

思路:

面载入时,图片会自动轮播;

点击下方对应的图片,会跳转到图标对应的界面;

点击左右按钮,既可朝左朝右有顺序的翻动界面。

下面正式开始:

1. 所需组件,自己想做啥就做啥,不过有几个界面就有几个按钮,不要多也不要少。

2. 主界面矩形设置为动态面板,点击动态面板添加4个状态,每种状态可由颜色区分开来,或者做成你所要设置的样子。

3. 设置完成后,要让每个圆形图标对应到我们所设动态面板的每个状态,每个圆形对应一个状态(1-4圆形都这样设置)。

4. 设置主界面(动态面板)载入时进行轮播,这里的转动时间和交互动画随自己的喜好来慢慢调整既可。

5. 设置左右手工翻动轮播图,点击“>”,朝右翻动图片,朝左,同理。

6. 全设置完后,会是这样

7. 点击预览,轮播图效果就完成啦!

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:Axure  Axure词条  效果  效果词条  实现  实现词条  教程  教程词条  
原型

 Axure教程:中继器实现评论的...

在一些清晰的交互中,往往能够节省很多语言的描述,Axure中的中继器能够很好的完成这一点。对评论列表进行增和删的操作,是如何完成的呢?下面将清晰的展示整体的操作...(展开)

原型

 Axure 教程:使用动态面板实...

本文教大家如何使用动态面板实现密码可见性切换,一起来看看~使用到的元件一个文本框:一个睁眼Icon:一个闭眼Icon:PS:许多需要用到的Icon都可以在阿里巴...(展开)