• GammaRay User Manual
  • GammaRay User Manual
  • Qt Quick Batching
  • Slider.qml Example File
  • GammaRay User Manual 2.9.0
  • Slider.qml Example File

    quick-batching/Slider.qml
    /*
      Slider.qml
    
      This file is part of GammaRay, the Qt application inspection and
      manipulation tool.
    
      Copyright (C) 2016-2017 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
    
        transform: Rotation {
            angle: mirrorSlider ? 180 : 0
            axis { x: 0; y: 1; z: 0 }
            origin { x: root.width/2; y: root.height/2 }
        }
    
        ListView {
            id: view
            anchors.fill: parent
            anchors.rightMargin: handle.width
    
            rotation: 180 // for bottom -> top layouting
            orientation: Qt.Vertical
            interactive: false
    
            property int itemHeight: 7
            model: height/itemHeight
    
            currentIndex: (root.value - root.minValue) / (root.maxValue - root.minValue) * view.count
            onCurrentItemChanged: if (currentItem) handle.currentItemY = currentItem.y
    
            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);
                    scale: active ? 1.0 : 0.9
                }
            }
    
            Rectangle {
                id: handle
                property real currentItemY: view.currentItem ? view.currentItem.y : 0
                anchors.right: parent.left
                width: 10
                height: width
                radius: 5
                color: "darkgray"
                y: currentItemY - height / 2 + 3
                rotation: root.mirrorSlider ? -180 : 180
            }
    
            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));
                    }
                }
            }
        }
    }