滑块

返回到风格指南

滑块提供了一个简单的前/后块，让用户在两个图像之间切换。它通常被用来显示不同的属性配置。 图片的标题信息显示在上面，表明用户在拖动滑块条离开该标题时将看到什么。 滑块条可以通过三种方式移动；首先，点击图片上的任何地方都会使滑块条平稳地移动到该位置，其次，点击适当的标题（如 "灯光方案"）会将滑块条移动到对面，最后，滑块条可以由用户直接拖动。

例一

这个滑块使用的是Layout One，它是一个较宽的视图块。它的起始位置是25%，这意味着滑块条应该默认为朝向图片的左侧。

示例二

这个滑块使用的是Layout Two，它是一个较高角度的块。它的起始位置是75%，这意味着滑块栏应该默认为朝向图片的右侧。

例三

这个滑块有多个滑块，允许用户在它们之间滑动。它的起始位置是50%，这意味着滑块条应该在图片的中心。