欢迎光临散文网 会员登陆 & 注册

跟我学原型:快速制作轮播图

2020-12-04 11:41 作者:ween0077  | 我要投稿

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

此制作方法的原理是:当每一个辅助画板的内容加载出来后,就使内容面板切换下一个内容,以此做到自动的循环轮播。

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

第一步,在辅助画板上准备好制作轮播图的素材(参与轮播切换的内容),并将这些辅助画板关联进主画板中的内容面板中。

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

  • 目标:内容面板

  • 触发:载入时

  • 命令:切换内容

  • 内容:下一个

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

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

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

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

第三步,依次选中每一个辅助画板,将辅助画板作为触发源,内容面板作为交互目标,并重复添加上述的交互设置。

这样,就完成了循环的自动轮播效果了,快来试试吧。


跟我学原型:快速制作轮播图的评论 (共 条)

分享到微博请遵守国家法律