QSlider是用户指定最小值和最大值之间的数字值的一种好方法,有效值之间可以选择步长。 滑块还具有焦点指示器(突出显示的滑块按钮),可用于调整滑块的键盘。
也检阅其“兄弟”,即QRange组件。
QSlider API
用法
WARNING
您有责任在QSlider周围留出空间,使标签和标记标签不会与您页面上的其他内容重叠。您可以使用CSS margin或padding来达到这个目的。
标准
垂直
内部最小值/最大值 v1.17+
有时你需要将模型值限制在轨道长度内的一个区间。为此,使用inner-min
和inner-max
属性。第一个属性需要高于或等于min
属性,而后者则需要低于或等于max
属性。
带步数
step
属性也可以是浮点数(如果需要无限精度,也可以是数字0)。
带标签
在下面的示例中,移动滑块以查看标签。
下面的示例更好地强调了QSlider如何处理标签定位,以便它始终水平地保持在QSlider的框中。
里程碑
标记标签 v1.17+
关于插槽的提示
要使用标记标签插槽(见下文),必须使用marker-labels
属性启用它们。
Other customizations v1.17+
延迟输入
空值
反转 v1.5+
暗色、只读、禁用
使用QItem
本地表单提交 v1.9+
当处理具有action
和method
的原生形式时(例如,使用Quasar和ASP.NET控制器),则需要在QSlider上指定name
属性,否则formData将不包含它(如果应该的话):