【Axure】使用Axure RP 8快速实现幻灯切换效果

良多网站的banner都采用幻灯切换结果, 页面简练而富有动感 。 若何利用Axure RP 8快速实现幻灯切换结果?简单几步, 让你轻松几步解决 。

【Axure】使用Axure RP 8快速实现幻灯切换效果

文章插图

需要这些哦
Axure RP 8
方式/
11. 筹办好需要插入的告白图片, 并启动软件, 新建文件 。

【Axure】使用Axure RP 8快速实现幻灯切换效果

文章插图

22.往本家儿界面拖入一个【动态面板】-->调节【动态面板】大小和位置 。 为调整便利, 建议将告白图片与面板尺寸同一 。

【Axure】使用Axure RP 8快速实现幻灯切换效果

文章插图

【Axure】使用Axure RP 8快速实现幻灯切换效果

文章插图

33. 双击【动态面板】-->增添状况数目:点击【+】号添加面板状况, (需要展示几多页添加到响应状况数目) 。

【Axure】使用Axure RP 8快速实现幻灯切换效果

文章插图

【Axure】使用Axure RP 8快速实现幻灯切换效果

文章插图

44. 给【动态面板】的每个状况添加告白图片:双击【State1】-->在打开的以下本家儿界面的蓝色虚线框内拖入【图片】(注重:只有蓝色框内内容可以被动态面板显示出来, 所以需要调整图片位置和大小填充整个蓝色框)

【Axure】使用Axure RP 8快速实现幻灯切换效果

文章插图

【Axure】使用Axure RP 8快速实现幻灯切换效果

文章插图

55. 双击图片-->选择告白页1.对【动态面板】其他状况也进行 同样的操作, 完当作后的页面概要如下第二张图所示 。

【Axure】使用Axure RP 8快速实现幻灯切换效果

文章插图

【Axure】使用Axure RP 8快速实现幻灯切换效果

文章插图

66. 在本家儿页面中的【动态面板】下添加适才四个告白页的缩略图:拖入【图片】-->调节第一个缩略图尺寸和位置-->复制出剩下三个并调整好位置-->给每个缩略图导入对应告白图片 。

【Axure】使用Axure RP 8快速实现幻灯切换效果

文章插图

【Axure】使用Axure RP 8快速实现幻灯切换效果

文章插图

77. 定名:设置【动态面板】名称为【告白】-->设置四张缩略图名字为【缩略图1】...【缩略图4】 。

【Axure】使用Axure RP 8快速实现幻灯切换效果

文章插图

【Axure】使用Axure RP 8快速实现幻灯切换效果

推荐阅读