[examples] Fix selectRoller page

examples/touch/content/SelectRollerPage.qml

@@ -11,8 +11,10 @@ Page {
 
     Column {
         spacing: 40
+        width: parent.width
         anchors{
-            fill: parent;
+            top: parent.top
+            topMargin: 40
         }
 
         ListModel {
@@ -37,10 +39,6 @@ Page {
         GlacierRoller {
             id: simpleRoller
             width: parent.width
-            anchors{
-                top: parent.top
-                topMargin: 40
-            }
 
             clip: true
             model: animalsModel
@@ -59,10 +57,6 @@ Page {
         GlacierRoller {
             id: simpleRoller2
             width: parent.width
-            anchors{
-                top: simpleRoller.bottom
-                topMargin: 40
-            }
 
             clip: true
             model: animalsModel

examples/touch/main.qml

@@ -219,8 +219,8 @@ ApplicationWindow {
             model: pageModel
             anchors.fill: parent
             clip: true
-            delegate: AndroidDelegate {
-                text: title
+            delegate: ListViewItemWithActions {
+                label: title
                 onClicked: pageItem.Stack.view.push(Qt.resolvedUrl(page))
             }
         }

examples/touch/resources.qrc

@@ -7,6 +7,7 @@
         <file>content/SliderPage.qml</file>
         <file>content/TabBarPage.qml</file>
         <file>content/TextInputPage.qml</file>
+        <file>content/SelectRollerPage.qml</file>
         <file>images/button_default.png</file>
         <file>images/button_pressed.png</file>
         <file>images/navigation_next_item.png</file>

examples/touch/touch.pro

@@ -22,7 +22,8 @@ OTHER_FILES += \
     content/LabelPage.qml \
     content/CheckboxPage.qml \
     content/ButtonRowPage.qml \
-    content/QueryDialogPage.qml
+    content/QueryDialogPage.qml \
+    content/SelectRollerPage.qml
 
 RESOURCES += \
     resources.qrc