川硐新闻网>财经>上葡京体育网址 - Axure RP8 教程:照片胶片放映滚动效果制作(二)

上葡京体育网址 - Axure RP8 教程:照片胶片放映滚动效果制作(二)

导读:用axure rp8实现照片胶片放映滚动效果还有哪些方法呢,一起来看看~~继上一篇文章《axure rp8 教程:照片胶片放映滚动效果制作(一)》,今天分享另一种实现方法。为了方便讲解,暂时将中的三个矩形命名为:图片4、图片5、图片6。最后将其转为动态面板,宽度调整缩小为屏幕展示的宽度。每张图片的宽高为300*160,即展示的图片组宽度为900,加上三个图片之间的间距2*20,即总宽度为940。

上葡京体育网址 - Axure RP8 教程:照片胶片放映滚动效果制作(二)

上葡京体育网址,axure rp8还可以使用哪些其他方法来实现摄影胶片投影的滚动效果?让我们看看。

继上一篇文章“axure rp8教程:摄影胶片投影滚动效果的制作(一)”之后,今天我想分享另一种实现方法。

实现原理:复制两套相同的地图集,并利用两个地图集之间的位移来创造循环播放的幻觉。

应用:显示图片集的总宽度小于或等于显示屏的宽度。

如下图所示:

拉入三个矩形并用不同的颜色填充它们。作为要显示的三幅图片,它们分别被命名为:图片1、图片2和图片3。它们被合并命名为[地图集1],然后[地图集1]被复制为[地图集2]的另一组,并列放置在[地图集1]的后面。

为了便于解释,[地图集2]中的三个矩形暂时命名为:图4、图5和图6。这两个地图集将合并命名为“地图集”。最后,将其转换为动态面板,并将宽度调整减少到屏幕显示的宽度。

每张图片的宽度和高度是300*160,即显示的图片组的宽度是900,加上三张图片之间的间距是2*20,即总宽度是940。

下图显示了所有交互事件:

原型链接(提取代码:kmdh)

作者:火星人~王牌,公开号码:王牌中的阿克塞尔峡谷

这篇文章最初是由“火星人”出版社出版的。每个人都是产品经理。未经允许禁止复制。

主题地图来自unsplash,基于cc0协议。

云南11选5开奖结果

热门新闻