滑块

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

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

QSlider API

Loading API...

用法

WARNING

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

标准

Standard



垂直

Vertical orientation



内部最小值/最大值

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

Inner min/max



带步数

With step



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

Floating point



Snap to steps



带标签

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

With label



Always display label



Custom label value



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

Long label



里程碑

Markers



标记标签

Marker labels



关于插槽的提示

要使用标记标签插槽(见下文),必须使用marker-labels属性启用它们。

Marker label slots



Other customizations

Color customizations



Hide selection bar



Custom track images



Track & thumb size



延迟输入

Lazy input



空值

Null value



反转

In reverse



暗色、只读、禁用

Dark



Readonly



Disable



使用QItem

With QItem



本地表单提交

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

Native form