滑块
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
InlineSlider
组件可允许用户从一系列值中进行选择。
使用内嵌滑块从范围中选择一个值,例如设置屏幕亮度或字体大小。使用滑块所做的更改会立即生效,并允许用户在满意之前继续进行调整。如果不希望调整立即生效,请勿使用滑块。
剖析
A. 进度条
B. 进度轨道
C. 容器
D. 减少图标
E. 增加图标
F. 分隔符
设计建议
分段滑块
如果值的范围介于 3 和 9 之间,请考虑使用分段滑块。如果值的范围大于 8,则分段将因过小而无法显示。
用法
请参见以下滑块示例。
本页面上的内容和代码示例受内容许可部分所述许可的限制。Java 和 OpenJDK 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2023-12-02。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻译问题"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/代码问题"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"易于理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"解决了我的问题"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]