Features 2923

Fixed Scroll Button behavior. Images for button are in properties now

widgets/DapScrollView.qml

+import QtQuick 2.4
+
+DapScrollViewForm
+{
+    // All the logic (including state names and vars) was taken from master branch
+
+    // Var for current pos while scrolling (in function updateY())
+    property var contentPos: 0.0
+
+    // Connect to new ListView if changed
+    onViewDataChanged:
+    {
+        viewData.contentYChanged.connect(updateY)
+    }
+
+    // Changes position of arrows when scroll
+    function updateY()
+    {
+        if (viewData.atYBeginning)
+        {
+            scrollButton.state = "goUp"
+        }
+        else if (viewData.atYEnd)
+        {
+            scrollButton.state = "goDown"
+        }
+        else if (contentPos > viewData.contentItem.y)
+        {
+            scrollButton.state = "goUp"
+        }
+        else
+        {
+            scrollButton.state = "goDown"
+        }
+        contentPos = viewData.contentItem.y
+    }
+
+    onEntered:
+    {
+        scrollButton.visible = true;
+    }
+
+    onExited:
+    {
+        scrollButton.visible = false;
+    }
+
+    scrollButton.onEntered:
+    {
+        if (scrollButton.state === "goUp")
+        {
+            scrollButtonImage.source = scrollDownButtonHoveredImageSource
+        }
+        else if (scrollButton.state === "goDown")
+        {
+            scrollButtonImage.source = scrollUpButtonHoveredImageSource
+        }
+    }
+
+    scrollButton.onExited:
+    {
+        if (scrollButton.state === "goUp")
+        {
+            scrollButtonImage.source = scrollDownButtonImageSource
+        }
+        else if (scrollButton.state === "goDown")
+        {
+            scrollButtonImage.source = scrollUpButtonImageSource
+        }
+    }
+
+    scrollButton.onClicked:
+    {
+        if(scrollButton.state === "goUp")
+        {
+            viewData.positionViewAtEnd();
+            scrollButton.state = "goDown";
+        }
+        else if(scrollButton.state === "goDown")
+        {
+            viewData.positionViewAtBeginning();
+            scrollButton.state = "goUp";
+        }
+    }
+
+    scrollButton.states:
+    [
+        State
+        {
+            name: "goDown"
+            PropertyChanges
+            {
+                target: scrollButton
+                onStateChanged:
+                {
+                    scrollButton.anchors.top = undefined
+                    scrollButton.anchors.bottom = parent.bottom
+                    scrollButton.exited()
+                }
+            }
+        },
+
+        State
+        {
+            name: "goUp"
+            PropertyChanges
+            {
+                target: scrollButton
+                onStateChanged:
+                {
+                    scrollButton.anchors.bottom = undefined
+                    scrollButton.anchors.top = parent.top
+                    scrollButton.exited()
+                }
+            }
+        }
+
+    ]
+
+    scrollButton.state: "goUp"
+}