天津时时彩app下载-天津时时彩官网下载-天津时时彩平台APP下载

幻灯片

如何使用Axure的动态面板快速做出幻灯片原型效果

  如何使用Axure的动态面板快速做出幻灯片原型效果幻灯片效果,在网站或者APP上很常用,用于同时推广多个活动,非常直观大幅的图片可以很容易吸引到视线。

  今天我要和大家分享一下,如何使用Axure的动态面板,快速的制作一个幻灯片效果。

  完成后,双击场景中的图片元件,可以弹出浏览窗口,我们选择需要用来做幻灯片的图片。确认后,选择的图片将会在场景中体现。

  前面说到,我们将要用动态面板去制作幻灯片效果,所以我们需要将这个图片转换成动态面板。

  我们该如何去转换呢?选中图片,按住键盘快捷键“CTRL+ALT+SHIFT+D”,J将图片转换成动态面板,也许你转换完了以后,没有发现明显的变化,那么如何确认我们已经转换成功了呢?这时,你可以双击图片,如果能看到下图,则表示转换成功了。

  在顶部,你可以看到动态面板的字样,则表示你已经成功了。因为幻灯片肯定不是一张图片,是由多张图片组成的,所以我们得添加多个图片轮播才行。

  我们点击顶部的向下箭头,在弹出的菜单中,选择“添加状态”,这时会打开一个空白内容的面板状态页,我们使用相同的方法,在新的页面中插入一张图片。

  完成之后,我们的动态面板就包含了2个状态页面,每个页面都包含了一张不同的图片,此时幻灯片的雏形已经完成了。

  下一步,我们需要让它动起来,我们在幻灯片上添加2个箭头图片,作为触发的按钮。

  我们希望当点击按钮时,能够将幻灯片进行切换,所以我们得为按钮增加交互。这里我们需要先选择右侧按钮,然后在“交互”面板,点击“新建交互”按钮,选择“单击”的动作。

  完成后,将state选择为state2,点击确定。至此,我们完成了点击按钮切换第二张图的交互动作。

  我们来看下实际效果,可以看到,当我们点击右侧按钮时,动态面板给我们切换到了第二页,一个小宝宝的图片。

  不足之处,切换的比较生硬。我们如何让它变得更加顺滑一点呢?当然有办法,我们继续双击交互面板的配置,打开刚刚的配置面板,将“进入动画”设置为“向左滑动”然后点击确定,再看一次效果。



幻灯片

CONTACT US


QQ:97997311

Phone:13865245960

Tel:400-868-5764

Mail:97997311@qq.com

Add:118 Lianhuachi East Road, Fengtai District, Beijing


close
Scan the qr code Close
the qr code