diff options
Diffstat (limited to 'src/qml/doc/snippets/qmltc/MySlider.qml')
-rw-r--r-- | src/qml/doc/snippets/qmltc/MySlider.qml | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/src/qml/doc/snippets/qmltc/MySlider.qml b/src/qml/doc/snippets/qmltc/MySlider.qml new file mode 100644 index 0000000000..4ceeb3579a --- /dev/null +++ b/src/qml/doc/snippets/qmltc/MySlider.qml @@ -0,0 +1,50 @@ +// Copyright (C) 2022 The Qt Company Ltd. +// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause + +import QtQuick +import QtQuick.Templates as T // we cannot use QQC2 (yet), but we can use its backend + +T.Slider { + id: control + + // QQC2-specific begin + implicitWidth: Math.max(control.implicitBackgroundWidth + control.leftInset + + control.rightInset, + control.implicitHandleWidth + control.leftPadding + + control.rightPadding) + implicitHeight: Math.max(control.implicitBackgroundHeight + control.topInset + + control.bottomInset, + control.implicitHandleHeight + control.topPadding + + control.bottomPadding) + padding: 6 + // QQC2-specific end + + background: Rectangle { + x: control.leftPadding + y: control.topPadding + control.availableHeight / 2 - height / 2 + implicitWidth: 200 + implicitHeight: 4 + width: control.availableWidth + height: implicitHeight + radius: 2 + border.color: "black" + color: "#F9F3EC" + + Rectangle { + width: control.visualPosition * parent.width + height: parent.height + color: "#63ACBE" + radius: 2 + } + } + + handle: Rectangle { + x: control.leftPadding + control.visualPosition * (control.availableWidth - width) + y: control.topPadding + control.availableHeight / 2 - height / 2 + implicitWidth: 26 + implicitHeight: 26 + radius: 13 + color: control.pressed ? Qt.lighter("#63ACBE") : "#63ACBE" + border.color: Qt.darker("#63ACBE") + } +} |