导航菜单

Axure RP8 教程:照片胶片放映滚动效果制作(一)

2019每个人都是产品经理

如何使用Axure RP8实现照片电影显示滚动效果?我们来看看文本

在生活中,你经常会看到电影放映的效果,如下图所示:

原理分析:

图像集水平和水平循环。当[图像设置]水平向左移动时,当最后一张图像显示在最右侧时,第一张图像向后移动并继续旋转。水平循环播放。

本教程将分享实现:

第一个:使用动态面板切换

使用案例:显示图像集的总宽度与显示屏宽度完全相同。

1)接口组件构造

拉入三个矩形,用不同的颜色填充它们,并将它们用作三个图像来显示,然后将它们变成动态面板。接下来,您需要复制状态state1以生成相同的状态面板state2。

2)交互式实施

选择此动态面板,添加[Load],选择当前组件,选择状态为:next,检查后向循环,循环间隔为:0秒,输入动画:向左滑动,时间为:毫秒。

具体设置如下:

(请记住:动态面板的进入和退出动画应该向左滑动)

预览如下所示:

原型链接:

提取代码: kmdh

作者:火星冰,公共号码:冰峡谷的Axure

本文由