你的位置:永利娱乐平台app下载 >彩票焦点> 比分在线007|Axure RP8 教程:照片胶片放映滚动效果制作(二)

比分在线007|Axure RP8 教程:照片胶片放映滚动效果制作(二)

发布于: 2020-01-11 17:51:14

比分在线007|Axure RP8 教程:照片胶片放映滚动效果制作(二)

比分在线007,axure rp8还可以使用哪些其他方法来实现摄影胶片投影的滚动效果?让我们看看。

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

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

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

如下图所示:

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

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

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

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

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

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

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

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

上一篇:9.4分!深夜“禁播剧”归来,这个男人的嘴上功夫,看了8年也没腻 下一篇:从特朗普身边的“女人们”看柔性外交的魅力
「公示」优先审评品种再出炉!儿童药占一半
2019年养老金保持上调,哪些人能额外多领养老金?
盲目乐观、信任危机…… 波音公司“换帅”背后
大爆冷!国乒混双0:3惨败出局,神秘之师再次突破国乒防线
早上起床后先吃早饭,还是先刷牙?聪明的人,都不会犯这个错误
本周最后一个交易日:沪深股市温和反弹
A股迎近十年最大IPO!邮储银行今上市,68亿资金“护盘”
房产证拿到手后,及时办好这3件事,未来转让能省不少钱