教程 > 交互 > 轮播图效果

轮播图效果

使用摹客RP可以制作循环的自动轮播图,先来看看效果吧。

现在我们一起来拆分一下操作步骤吧:

第一步:创建内容面板,并调整其宽高为轮播图的尺寸。

第二步:双击内容面板,点击左上角的“添加”按钮,按需创建一定数量的辅助画板。

第三步:在每个辅助画板上分别放置需要参与轮播内容。

第四步:选中主画板,(请注意:是选中画板,而非画板中的组件。点击画板名称,可快速选中画板。 ),在右侧交互面板中,点击“添加交互”,并进行如下交互设置:

  • 目标:内容面板

  • 触发:载入时

  • 命令:切换内容

  • 内容:下一个

  • 勾选“循环切换”

  • 效果:右侧推入(按需设置)

  • 缓动:线性(按需设置)

  • 时长:300ms(按需设置)

  • 延时:2500ms(按需设置)

这样就完成了全部设置。总结:制作轮播效果,就是对内容面板添加切换内容的交互设置,并勾选“循环切换”选项,快来试试吧。