Merge lp:~ubuntu-sdk-team/ubuntu-ui-toolkit/80SelectionModeGallery into lp:~zsombi/ubuntu-ui-toolkit/80-selection-mode

[Cris Dywan]

Selectable list items in ListView and Column

[lp:~ubuntu-sdk-team/ubuntu-ui-toolkit/80SelectionModeGallery]

1374. By Zsombor Egri on 2015-02-18

selectable renamed to selectMode; flickering of the selection panel fixed

1375. By Cris Dywan on 2015-02-18

Demonstrate selectMode in NewListItems section

=== modified file 'examples/ubuntu-ui-toolkit-gallery/ListItemWithLabel.qml'
--- examples/ubuntu-ui-toolkit-gallery/ListItemWithLabel.qml	2015-01-05 20:34:54 +0000
+++ examples/ubuntu-ui-toolkit-gallery/ListItemWithLabel.qml	2015-02-18 11:17:15 +0000
@@ -27,4 +27,5 @@
             verticalCenter: parent.verticalCenter
         }
     }
+    onPressAndHold: selectMode = !selectMode
 }

=== modified file 'examples/ubuntu-ui-toolkit-gallery/NewListItems.qml'
--- examples/ubuntu-ui-toolkit-gallery/NewListItems.qml	2015-02-12 17:25:35 +0000
+++ examples/ubuntu-ui-toolkit-gallery/NewListItems.qml	2015-02-18 11:17:15 +0000
@@ -34,21 +34,37 @@
         // clip the action delegates while swiping left/right
         clip: true
 
-        ListItemWithLabel {
-            text: i18n.tr("Basic")
-        }
-        ListItemWithLabel {
-            text: i18n.tr("Colored divider")
-            divider {
-                colorFrom: UbuntuColors.red
-                colorTo: UbuntuColors.green
+        ListView {
+            height: units.gu(20)
+            width: parent.width
+
+            model: [ i18n.tr("Basic"), i18n.tr("Colored divider"), i18n.tr("No divider") ]
+            delegate: ListItemWithLabel {
+                text: modelData
+                divider {
+                    colorFrom: modelData == i18n.tr("Colored divider") ? UbuntuColors.red : Qt.rgba(0.0, 0.0, 0.0, 0.0)
+                    colorTo: modelData == i18n.tr("Colored divider") ? UbuntuColors.green : Qt.rgba(0.0, 0.0, 0.0, 0.0)
+                    visible: modelData != i18n.tr("No divider")
+                }
             }
         }
-        ListItemWithLabel {
-            text: i18n.tr("No divider")
-            divider.visible: false
+     }
+
+    TemplateSection {
+        className: "ListItem"
+        // no spacing between the list items in the Column
+        spacing: 0
+        Item {
+            // compensate for the spacing of 0 by adding this
+            // Item inbetween the title and the list items.
+            height: units.gu(3)
+            width: parent.width
         }
-        ListItemWithLabel {
+
+        // clip the action delegates while swiping left/right
+        clip: true
+
+       ListItemWithLabel {
             color: UbuntuColors.blue
             text: i18n.tr("Colored")
         }
@@ -56,7 +72,6 @@
             text: i18n.tr("Highlight color")
             highlightColor: UbuntuColors.orange
             // no highlight without clicked() or leading/trailing actions
-            onClicked: print(i18n.tr("Highlighting list item"))
         }
 
         ListItemActions {