apps/marble-maps/MarbleScrollBar.qml

0001 // SPDX-License-Identifier: LGPL-2.1-or-later
0002 //
0003 // SPDX-FileCopyrightText: 2015 Imran Tatriev <itatriev@gmail.com>
0004 //
0005
0006 import QtQuick 2.3
0007 import QtQuick.Window 2.2
0008
0009 Item {
0010     id: scrollBarItem
0011
0012     property Flickable flickableItem: null
0013     property real position: flickableItem.visibleArea.yPosition
0014     property real pageSize: flickableItem.visibleArea.heightRatio
0015
0016     width: Screen.pixelDensity * 1.5
0017     height: flickableItem.height
0018     anchors.right: flickableItem.right
0019
0020     opacity: flickableItem.movingVertically ? 1 : 0
0021     clip: true
0022
0023     Rectangle {
0024         id: indicator
0025         y: scrollBarItem.position * (scrollBarItem.height-2) + 1
0026         width: parent.width-2
0027         height: scrollBarItem.pageSize * (scrollBarItem.height-2)
0028         radius: width/2 - 1
0029         color: "lightgray"
0030     }
0031
0032     Behavior on opacity { NumberAnimation { duration: 125 } }
0033 }