SliderStyle QML Type▲
-
Import Statement: import QtQuick.Controls.Styles 1.4
-
Since: Qt 5.1
-
Group: SliderStyle is part of Styling Controls
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-only] control : 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
padding group▲
padding.bottom : int
padding.left : int
padding.right : int
padding.top : int
This grouped property holds the top, left, right and bottom padding.
panel : Component▲
This property holds the slider style panel.
Note that it is generally not recommended to override this.
[since QtQuick.Controls.Styles 1.1] tickmarks : Component▲
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, for example.
You can access the handle width through the styleData.handleWidth property.
This property was introduced in QtQuick.Controls.Styles 1.1.