Examples: Update stackview example

Change-Id: Ia73015655ea75ee24cd1f2761df705c42894d12e
Reviewed-by: Topi Reiniö <topi.reinio@digia.com>
Reviewed-by: Gabriel de Dietrich <gabriel.dedietrich@digia.com>

examples/quick/controls/stackview/ButtonMenu.qml

@@ -40,22 +40,45 @@
 
 import QtQuick 2.1
 import QtQuick.Controls 1.0
+import QtQuick.Layouts 1.0
 
-Column {
+GridLayout {
+    columns: 4
     property int index: -1
+    rowSpacing: 5
+    columnSpacing: 5
     Label {
-        text: "stack index: " + index
+        Layout.rowSpan: 2
+        text: "Stack Index: " + index
     }
     Button {
-        text: "push Component"
+        text: "Push New Component"
         onClicked: stackView.push(componentPage)
     }
     Button {
-        text: "push URL"
+        text: "Push New URL"
         onClicked: stackView.push(Qt.resolvedUrl("View.qml"))
     }
     Button {
-        text: "pop"
+        text: "Back"
+        enabled: index !== 0
         onClicked: stackView.pop()
     }
+
+    RowLayout {
+        Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft
+        Layout.columnSpan: 3
+        spacing: 5
+        Label { text: "Jump to index:" }
+        ComboBox {
+            model: stackView.depth
+            currentIndex: stackView.currentItem.Stack.index
+            enabled: stackView.depth > 1
+            onCurrentIndexChanged: {
+                if (stackView.currentItem !== null &&
+                        currentIndex !== stackView.currentItem.Stack.index)
+                    stackView.pop(stackView.get(currentIndex, true))
+            }
+        }
+    }
 }

examples/quick/controls/stackview/View.qml

@@ -40,10 +40,15 @@
 
 import QtQuick 2.1
 import QtQuick.Controls 1.0
+import QtQuick.Layouts 1.0
 
-Rectangle {
-    color: "green"
+ColumnLayout {
+    Label {
+        text:"View.qml loaded with index: " + parent.Stack.index
+        Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+    }
     ButtonMenu {
+        Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
         index: parent.Stack.index
     }
 }

examples/quick/controls/stackview/main.qml

@@ -40,6 +40,7 @@
 
 import QtQuick 2.1
 import QtQuick.Controls 1.0
+import QtQuick.Layouts 1.0
 
 ApplicationWindow {
     width: 480
@@ -55,9 +56,13 @@ ApplicationWindow {
 
     Component {
         id: componentPage
-        Rectangle {
-            color: "yellow"
+        ColumnLayout {
+            Label {
+                text:"Component loaded with index: " + parent.Stack.index
+                Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+            }
             ButtonMenu {
+                Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
                 index: parent.Stack.index
             }
         }