SliderStyle QML 类型

为滑块提供自定义样式 更多...

导入语句: import QtQuick.Controls.Styles 1.4
Since: Qt 5.1



The slider style allows you to create a custom appearance for a Slider 控件。

The implicit size of the slider is calculated based on the maximum implicit size of the background and handle delegates combined.


Slider {
    anchors.centerIn: parent
    style: SliderStyle {
        groove: Rectangle {
            implicitWidth: 200
            implicitHeight: 8
            color: "gray"
            radius: 8
        handle: Rectangle {
            anchors.centerIn: parent
            color: control.pressed ? "white" : "lightgray"
            border.color: "gray"
            border.width: 2
            implicitWidth: 34
            implicitHeight: 34
            radius: 12


[read-only] control : Slider

The Slider this style is attached to.

groove : 组件

This property holds the background groove of the slider.

You can access the handle position through the styleData.handlePosition 特性。

handle : 组件

This property holds the item for the slider handle. You can access the slider through the control property

panel : 组件

This property holds the slider style panel.

Note that it is generally not recommended to override this.

tickmarks : 组件

This property holds the tick mark labels.

Every tickmark that should be drawn must be defined within this component, so it is common to use a Repeater ,例如。

You can access the handle width through the styleData.handleWidth 特性。

This QML property was introduced in QtQuick.Controls.Styles 1.1.