Slider 轮播

定义 / Definition

在一个模块内需要依次展现多图或多组对象时,常用到轮播模块。

分类 / Type

1、吸附型

2、跟随型

样式与交互 / Style&Interaction

吸附型

轮播时,每一张或每一组图片都固定停留位置。

1、单图展示

图片数量:轮播图片数量建议不超过8张。

锚点提示

轮播逻辑:可手动轮播,必要时也可自动轮播(时间间隔为 3秒 一组图片),轮播到最后一张图后回到第一组图。

轮播暗示:圆形锚点暗示可切换内容。

预露内容

轮播逻辑:可手动轮播,必要时也可自动轮播(时间间隔为 3秒 一组图片),轮播到最后一张图后回到第一组图。

轮播暗示:预露出下组内容暗示有更多内容可切换。

2. 多图展示

图片数量:一屏内完整展示的图片建议不超过3张。

锚点提示

轮播逻辑:整组切换,可手动操作,必要时也可自动轮播(时间间隔为3秒 一组图片),轮播到最后一张图后回到第一组图。

轮播暗示:圆形锚点暗示可切换内容。

预露内容

轮播逻辑:根据滑动力度判断滑动距离(具体情况由设计决定可参考app store),仅支持手动轮播,拖动至最后一张图时完整展示最后一张。

轮播暗示:预露出下组内容暗示有更多内容可切换。

跟随型

进行切换操作时,滑动到哪停留到哪,无固定停留位置。

Last updated