plugins/components/ScrollDecorator.qml

0001 /* This file is part of the KDE project
0002  * SPDX-FileCopyrightText: 2012 Dan Leinir Turthra Jensen <admin@leinir.dk>
0003  *
0004  * SPDX-License-Identifier: GPL-2.0-or-later
0005  */
0006
0007 import QtQuick 2.3
0008 import org.krita.sketch 1.0
0009
0010 Item {
0011     id: base;
0012     anchors.fill: parent;
0013     property Flickable flickableItem: parent;
0014
0015     Rectangle {
0016         id: verticalDecorator;
0017         anchors {
0018             right: parent.right;
0019             rightMargin: Constants.DefaultMargin;
0020         }
0021         visible: (flickableItem.contentHeight > flickableItem.height);
0022         color: Settings.theme.color("components/scrollDecorator/base");
0023         border.width: 1;
0024         border.color: Settings.theme.color("components/scrollDecorator/border");
0025         radius: Constants.DefaultMargin / 2;
0026         width: Constants.DefaultMargin;
0027         height: (flickableItem.height * (flickableItem.height / flickableItem.contentHeight)) - Constants.DefaultMargin * 2;
0028         opacity: flickableItem.moving ? 0.5 : 0.2;
0029         Behavior on opacity { PropertyAnimation { duration: Constants.AnimationDuration; } }
0030         y: (flickableItem.contentY * (flickableItem.height / flickableItem.contentHeight)) + Constants.DefaultMargin;
0031     }
0032     Rectangle {
0033         id: horizontalDecorator;
0034         anchors {
0035             bottom: parent.bottom;
0036             bottomMargin: Constants.DefaultMargin;
0037         }
0038         visible: (flickableItem.contentWidth > flickableItem.width);
0039         color: Settings.theme.color("components/scrollDecorator/base");
0040         border.width: 1;
0041         border.color: Settings.theme.color("components/scrollDecorator/border");
0042         radius: Constants.DefaultMargin / 2;
0043         height: Constants.DefaultMargin;
0044         width: (flickableItem.width * (flickableItem.width / flickableItem.contentWidth)) - Constants.DefaultMargin * 2;
0045         opacity: flickableItem.moving ? 0.5 : 0.2;
0046         Behavior on opacity { PropertyAnimation { duration: Constants.AnimationDuration; } }
0047         x: (flickableItem.contentX * (flickableItem.width / flickableItem.contentWidth)) + Constants.DefaultMargin;
0048     }
0049 }