add slider node

doric-Qt/example/app/qml.qrc

@@ -33,6 +33,7 @@
         <file alias="text.qml">../doric/resources/text.qml</file>
         <file alias="scroller.qml">../doric/resources/scroller.qml</file>
         <file alias="image.qml">../doric/resources/image.qml</file>
+        <file alias="slider.qml">../doric/resources/slider.qml</file>
 
         <file alias="toast.qml">../doric/resources/toast.qml</file>
         <file alias="alert.qml">../doric/resources/alert.qml</file>

doric-Qt/example/app/test-layout.qml

@@ -8,50 +8,33 @@ ApplicationWindow {
     height: 800
     title: qsTr("Scroll")
 
-    ScrollView {
-        property var wrapper
+    SwipeView {
+        id: view
 
-        width: 200
-        height: 200
-
-        ScrollBar.horizontal.policy: ScrollBar.AlwaysOn
-        ScrollBar.vertical.policy: ScrollBar.AlwaysOn
-
-        clip: true
-
-//        property var uuid: Util.uuidv4()
-
-        property var tag: "Scroller"
-
-        background: Rectangle {
-            id: bg
-            color: 'red'
-        }
-
-        property var backgroundColor
-
-        onBackgroundColorChanged: {
-            bg.color = backgroundColor
-        }
-
-        onWidthChanged: {
-            bg.implicitWidth = width
-            console.log(tag, uuid + " onWidthChanged: " + this.width)
-        }
-
-        onHeightChanged: {
-            bg.implicitHeight = height
-            console.log(tag, uuid + " onHeightChanged: " + this.height)
-        }
+        currentIndex: 0
+        anchors.fill: parent
 
         Rectangle {
-            implicitWidth: 400
-            implicitHeight: 400
-
-            Label {
-                text: "ABC"
-                font.pixelSize: 124
-            }
+            id: firstPage
+            color: 'red'
+        }
+        Rectangle {
+            id: secondPage
+            color: 'green'
+        }
+        Rectangle {
+            id: thirdPage
+            color: 'blue'
         }
     }
+
+    PageIndicator {
+        id: indicator
+
+        count: view.count
+        currentIndex: view.currentIndex
+
+        anchors.bottom: view.bottom
+        anchors.horizontalCenter: parent.horizontalCenter
+    }
 }