快好知 kuaihz

Axure RP 9教程:banner轮播最简单的实现方法

图片轮播是各大网站常常见到的形式,文章带我们学习了如何用Axure实现图片轮播功能,一起来看看~

最近开始做产品的原型设计,从RP8到RP9的过渡,对于RP9的很对设置还比较陌生,很多东西还在摸索中。

看了很多教程,主要都是RP8的教程,对于RP9里面如何设置自动的轮播图很少,结合RP8的经验,今天就在这里简单的分享一下RP9里面轮播图的自动翻滚的效果。

首先了解轮播图的机制

简单来说,就是一套图片以一定时间间隔自动循环播放,同时用户也可以选择图片实现点播的效果。

过程讲解

首先我们要知道轮播图一定是在动态面板里面实现的,动态面版是Axure里面一个非常重要的工具,在很多地方都会用到,他会帮助你实现很多你想要的动效。

接下来,在动态面板里面设置你需要的轮播的数量。

就以简单的banner_1,banner_2,banner_3为例,基本设置就这些。

下面开始制作交互

选择动态面板,开始制作banner的滚动效果,交互设置如下:

到这里,所有的交互就已经设置完成了,小伙伴们就可以在浏览器中预览banner的滚动效果了。

是不是很简单,哈哈,后续有跟好的学习经验,欢迎多多交流,共同进步。

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

 Axure 教程:利用图表前端插...

如何通过图标前端插件完成高级可视化图表?笔者在此给出了详细教程,与大家分享~~后台开发中避免不了实现一些可视化的图表,主要制作的方法有四种:Excel表格截图、...(展开)

原型

 Axure RP8.0教程:58...

本期教学为实现【58租房】小程序中租金区间滑动筛选的交互细节,一起来看看~效果预览:一、交互逻辑分析1、滑动左右两个滑块,可以动态调节价格区间;2、区间价格为整...(展开)