/**************************************************************************** ** ** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies). ** All rights reserved. ** Contact: Nokia Corporation (qt-info@nokia.com) ** ** Copyright (C) 2012 Christophe CHAPUIS ** ** This package 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 package 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 package; if not, write to the Free Software ** Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA ** ****************************************************************************/ import QtQuick 1.0 Item { id: container property variant scrollArea property variant orientation: Qt.Vertical opacity: 0 function position() { var ny = 0; if (container.orientation == Qt.Vertical) ny = scrollArea.visibleArea.yPosition * container.height; else ny = scrollArea.visibleArea.xPosition * container.width; if (ny > 2) return ny; else return 2; } function size() { var nh, ny; if (container.orientation == Qt.Vertical) nh = scrollArea.visibleArea.heightRatio * container.height; else nh = scrollArea.visibleArea.widthRatio * container.width; if (container.orientation == Qt.Vertical) ny = scrollArea.visibleArea.yPosition * container.height; else ny = scrollArea.visibleArea.xPosition * container.width; if (ny > 3) { var t; if (container.orientation == Qt.Vertical) t = Math.ceil(container.height - 3 - ny); else t = Math.ceil(container.width - 3 - ny); if (nh > t) return t; else return nh; } else return nh + ny; } Rectangle { anchors.fill: parent; color: "Black"; opacity: 0.3 } BorderImage { source: "../images/scrollbar.png" border { left: 1; right: 1; top: 1; bottom: 1 } x: container.orientation == Qt.Vertical ? 2 : position() width: container.orientation == Qt.Vertical ? container.width - 4 : size() y: container.orientation == Qt.Vertical ? position() : 2 height: container.orientation == Qt.Vertical ? size() : container.height - 4 } states: State { name: "visible" when: container.orientation == Qt.Vertical ? scrollArea.movingVertically : scrollArea.movingHorizontally PropertyChanges { target: container; opacity: 1.0 } } transitions: Transition { from: "visible"; to: "" NumberAnimation { properties: "opacity"; duration: 600 } } }