Qt Quick Batching
/* Slider.qml This file is part of GammaRay, the Qt application inspection and manipulation tool. Copyright (C) 2016-2020 Klarälvdalens Datakonsult AB, a KDAB Group company, info@kdab.com Author: Volker Krause <volker.krause@kdab.com> Licensees holding valid commercial KDAB GammaRay licenses may use this file in accordance with GammaRay Commercial License Agreement provided with the Software. Contact info@kdab.com if any conditions of this licensing are not clear to you. This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 2 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see <http://www.gnu.org/licenses/>. */ import QtQuick 2.0 Item { id: root property bool mirrorSlider: false property real minValue: 0 property real maxValue: 100 property real value: 50 ListView { id: view anchors.fill: parent anchors.rightMargin: mirrorSlider ? 0 : handle.width anchors.leftMargin: mirrorSlider ? handle.width : 0 orientation: Qt.Vertical interactive: false property int itemHeight: 7 model: height/itemHeight currentIndex: (root.value - root.minValue) / (root.maxValue - root.minValue) * view.count delegate: Item { width: view.width height: view.itemHeight property int entry: index Rectangle { property bool active: view.currentIndex <= index anchors.right: parent.right width: parent.width height: parent.height - 3 color: Qt.hsva((index/view.count)/3, active ? 1.0 : 0.5, active ? 1.0 : 0.75) opacity: active ? 1.0 : 1.0 - (view.currentIndex - index) / view.model scale: active ? 1.0 : 0.9 } } Rectangle { id: handle property real currentItemY: view.currentItem ? view.currentItem.y : 0 anchors.left: mirrorSlider ? undefined : parent.right anchors.right: mirrorSlider ? parent.left : undefined width: 10 height: width radius: 5 color: "darkgray" y: currentItemY - height / 2 + 3 } MouseArea { id: dragArea anchors.fill: view hoverEnabled: false preventStealing: true onClicked: updateCurrentIndex(mouse.x, mouse.y) onPositionChanged: updateCurrentIndex(mouse.x, mouse.y) function updateCurrentIndex(x, y) { var item = view.itemAt(x, y); if (item) { var newValue = item.entry / view.count * (root.maxValue - root.minValue) + root.minValue; root.value = Math.min(root.maxValue, Math.max(root.minValue, newValue)); } } } } }