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

1 评论 3656 浏览 4 收藏 3 分钟
🔗 产品经理专业技能指的是:需求分析、数据分析、竞品分析、商业分析、行业分析、产品设计、版本管理、用户调研等。

如何利用Axure RP8 实现照片胶片放映滚动效果呢?一起来文中看看~

生活中,经常看到胶片放映滚动播放的效果,如下所示:

原理分析:

  1. 图片集循环水平滚动展示。
  2. 当【图片集】向左水平移动时,最后一张图片显示到达最右端时,第一张图片移到后面,继续接着轮放。循环水平移动播放。

本教程将分享实现方法:

第一种:利用动态面板切换

适用情形:展示的图片集总宽度正好等于展示屏幕宽度。

1)界面元件搭建

拉入三个矩形,填充不同颜色,作为要展示的三个图片,再将其转为动态面板。接下来,需要复制状态state1,生成一个相同的状态面板state2。

2)交互实现

选中此动态面板,添加【载入时】,选择当前元件,选择状态为:next,勾选向后循环,循环间隔为:0秒,进入动画为:向左滑动,时间为:12000毫秒。

具体设置如下图所示:

(切记:动态面板的进入进出动画要选择向左滑动)

预览效果如下:

 

作者:火星人~艾斯,公众号:艾斯的Axure峡谷

本文由 @火星人~艾斯 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 鼠标移入时,如何立即停下滑动

    来自山东 回复
专题
15054人已学习12篇文章
用户故事在软件开发过程中被作为描述需求的一种表达形式,本专题的文章分享了如何讲好用户故事。
专题
14504人已学习14篇文章
BI的核心价值在于满足企业不同人群对数据查询、分析和探索的需求,从而帮助企业更好的管理与决策。本专题的文章分享了BI系统概述。
专题
12706人已学习12篇文章
发觉用户本能的最好方式就是从用户的心理出发,利用人的本能做产品设计,用最“自然”的方式影响用户的行为。本专题的文章分享了产品心理学。
专题
14885人已学习13篇文章
本专题的文章分享了搭建营销中心指南。
专题
14814人已学习13篇文章
在产品的商业模式中,广告变现占据了很大的比重,那么广告功能就是产品里面非常重要的功能之一。本专题的文章分享了如何搭建广告投放系统。
专题
15584人已学习12篇文章
CDP,即客户数据平台,是企业用来集中管理和整合客户数据的工具。本专题的文章分享了什么是CDP和如何搭建CDP平台。