diff --git a/src/GUI/assets/icons8-scroll-down-50.png b/src/GUI/assets/icons8-scroll-down-50.png new file mode 100644 index 000000000..3ab9b4a23 Binary files /dev/null and b/src/GUI/assets/icons8-scroll-down-50.png differ diff --git a/src/GUI/qml/FirstRun.qml b/src/GUI/qml/FirstRun.qml index 48d59c679..b05ffc7fa 100644 --- a/src/GUI/qml/FirstRun.qml +++ b/src/GUI/qml/FirstRun.qml @@ -155,4 +155,12 @@ Item { } // of Flickable + ScrollToBottomHint { + anchors.right: parent.right + anchors.bottom: parent.bottom + anchors.margins: Style.strutSize + + atTheBottom: flick.contentY >= (flick.contentHeight - flick.height) + timeout: 10 * 1000 + } } // of Item diff --git a/src/GUI/qml/ScrollToBottomHint.qml b/src/GUI/qml/ScrollToBottomHint.qml new file mode 100644 index 000000000..67cfe9cb9 --- /dev/null +++ b/src/GUI/qml/ScrollToBottomHint.qml @@ -0,0 +1,33 @@ +import QtQuick 2.4 +import QtQml 2.4 + +Item { + id: root + property alias timeout: showTimeout.interval + + property bool atTheBottom: false + property bool didTimeout: false + + opacity: didTimeout && !atTheBottom + + width: image.width + height: image.height + + Timer { + id: showTimeout + running: true + onTriggered: didTimeout = true; + } + + Behavior on opacity { + NumberAnimation { + duration: 800 + easing: Easing.InOutQuad + } + } + + Image { + id: image + source: "qrc:///scroll-down-icon-white" + } +} diff --git a/src/GUI/resources.qrc b/src/GUI/resources.qrc index 2978cbb6c..37b4ed963 100644 --- a/src/GUI/resources.qrc +++ b/src/GUI/resources.qrc @@ -30,6 +30,7 @@ assets/toolbox-addons.png assets/toolbox-help.png assets/icons8-back-arrow-50.png + assets/icons8-scroll-down-50.png qml/AircraftList.qml qml/AircraftRating.qml qml/ArrowButton.qml @@ -143,6 +144,7 @@ qml/DidMigrateOfficialCatalogNotification.qml qml/DidMigrateOtherCatalogNotification.qml qml/BackButton.qml + qml/ScrollToBottomHint.qml assets/preview-close.png