SliderStyle QML Type

Provides custom styling for Slider More...

Import Statement: import QtQuick.Controls.Styles 1.3
Since: Qt 5.1

Properties

Detailed Description

The slider style allows you to create a custom appearance for a Slider control.

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

Example:

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
        }
    }
}

Property Documentation

read-onlycontrol : Slider

The Slider this style is attached to.


groove : Component

This property holds the background groove of the slider.

You can access the handle position through the styleData.handlePosition property.


handle : Component

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


panel : Component

This property holds the slider style panel.

Note that it is generally not recommended to override this.


tickmarks : Component

This property holds the tick mark labels

You can access the handle width through the styleData.handleWidth property.

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


© 2015 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.