72 lines
1.8 KiB
QML
72 lines
1.8 KiB
QML
import QtQuick
|
|
import QtQuick.Templates
|
|
import ZShell.Config
|
|
import qs.Services
|
|
|
|
Slider {
|
|
id: root
|
|
|
|
property color nonPeakColor: Colors.tPalette.m3primary
|
|
required property real peak
|
|
property color peakColor: Colors.palette.m3primary
|
|
|
|
background: Item {
|
|
CustomRect {
|
|
anchors.bottom: parent.bottom
|
|
anchors.bottomMargin: root.implicitHeight / 3
|
|
anchors.left: parent.left
|
|
anchors.top: parent.top
|
|
anchors.topMargin: root.implicitHeight / 3
|
|
bottomRightRadius: root.implicitHeight / 15
|
|
color: root.nonPeakColor
|
|
implicitWidth: root.handle.x - root.implicitHeight
|
|
radius: Tokens.rounding.full
|
|
topRightRadius: root.implicitHeight / 15
|
|
|
|
CustomRect {
|
|
anchors.bottom: parent.bottom
|
|
anchors.left: parent.left
|
|
anchors.top: parent.top
|
|
bottomRightRadius: root.implicitHeight / 15
|
|
color: root.peakColor
|
|
implicitWidth: parent.width * root.peak
|
|
radius: Tokens.rounding.full
|
|
topRightRadius: root.implicitHeight / 15
|
|
|
|
Behavior on implicitWidth {
|
|
Anim {
|
|
duration: 50
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
CustomRect {
|
|
anchors.bottom: parent.bottom
|
|
anchors.bottomMargin: root.implicitHeight / 3
|
|
anchors.right: parent.right
|
|
anchors.top: parent.top
|
|
anchors.topMargin: root.implicitHeight / 3
|
|
bottomLeftRadius: root.implicitHeight / 15
|
|
color: Colors.tPalette.m3surfaceContainer
|
|
implicitWidth: root.implicitWidth - root.handle.x - root.handle.implicitWidth - root.implicitHeight
|
|
radius: Tokens.rounding.full
|
|
topLeftRadius: root.implicitHeight / 15
|
|
}
|
|
}
|
|
handle: CustomRect {
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
color: Colors.palette.m3primary
|
|
implicitHeight: 15
|
|
implicitWidth: 5
|
|
radius: Tokens.rounding.full
|
|
x: root.visualPosition * root.availableWidth - implicitWidth / 2
|
|
|
|
MouseArea {
|
|
acceptedButtons: Qt.NoButton
|
|
anchors.fill: parent
|
|
cursorShape: Qt.PointingHandCursor
|
|
}
|
|
}
|
|
}
|