SliderStyle QML Type
Provides custom styling for Slider. More...
Import Statement: | import QtQuick.Controls.Styles 1.4 |
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
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.
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.
© 2024 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.