滑块

QSlider是用户指定最小值和最大值之间的数字值的一种好方法,有效值之间可以选择步长。 滑块还具有焦点指示器(突出显示的滑块按钮),可用于调整滑块的键盘。

也检阅其“兄弟”,即QRange组件。

QSlider API

用法

WARNING

您有责任在QSlider周围留出空间,使标签和标记标签不会与您页面上的其他内容重叠。您可以使用CSS margin或padding来达到这个目的。

标准




垂直




内部最小/最大
v2.4+

有时你需要将模型值限制在轨道长度内的一个区间。为此,使用inner-mininner-max属性。第一个属性需要高于或等于min道具,而后者则需要低于或等于max属性。




带步数




step属性也可以是浮点数(如果需要无限精度,也可以是数字0)。







带标签

在下面的示例中,移动滑块以查看标签。










下面的示例更好地强调了QSlider如何处理标签定位,以便它始终水平地保持在QSlider的框中。




里程碑




标记标签
v2.4+




关于插槽的提示

为了使用标记标签槽(见下文),你必须通过使用marker-labels属性启用它们。




其他自定义
v2.4+













延迟输入




空值




反转




暗色、只读、禁用










使用QItem




原生表单提交

当处理具有actionmethod的原生形式时(例如,使用Quasar和ASP.NET控制器),则需要在QSlider上指定name属性,否则formData将不包含它(如果应该的话):