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

axure RP 8怎么做图片轮换的效果?

程序员文章站 2022-06-25 20:44:35
axure RP 8怎么做图片轮换的效果?...

在系统或网站中,经常用到图片定时或点击轮换,可以给用户一个吸引人的美观印象。axure rp 8原型设计界面可以实现图片轮换,下面利用一个实例说明图片轮换的效果,操作如下:

 

1、打开axure rp 8软件,在元件库中找到“图片”元件,拖一个到画布中,如下图所示:

axure RP 8怎么做图片轮换的效果?

2、在图标元件中找到左和右图标到画布中,调整位置,如下图所示:

axure RP 8怎么做图片轮换的效果?

3、选中图片元件,导入外部图片,调整图片宽度和高度,如下图所示:

axure RP 8怎么做图片轮换的效果?

4、选中左侧图标,添加鼠标单击用例,添加默认图片,如下图所示:

axure RP 8怎么做图片轮换的效果?

5、选中右侧图标,添加鼠标单击用例,添加默认图片,如下图所示:

axure RP 8怎么做图片轮换的效果?

6、预览该原型页面,这时页面出现一个图片带有两个左右图标,如下图所示:

axure RP 8怎么做图片轮换的效果?

7、分别点击左侧和右侧的小图标,查看图片效果,如下图所示:

axure RP 8怎么做图片轮换的效果?

axure RP 8怎么做图片轮换的效果?

注意事项:

注意轮换图片的方法

注意添加鼠标单击用例

相关标签: Axure 图片