Contact List example: replace Qt Quick primitives with Controls

This ensures that we get the correct colors when running with different
styles.

Change-Id: If249f9704fbe157aab1b121cf7d09ee05ab85c14
Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>

1 files changed, 11 insertions, 12 deletions

diff --git a/examples/quickcontrols2/contactlist/ContactDelegate.ui.qml b/examples/quickcontrols2/contactlist/ContactDelegate.ui.qml
index fb3d88eb..8c8c4722 100644
--- a/examples/quickcontrols2/contactlist/ContactDelegate.ui.qml
+++ b/examples/quickcontrols2/contactlist/ContactDelegate.ui.qml
@@ -73,7 +73,7 @@ AbstractButton {
             id: row1
             spacing: 10
 
-            Text {
+            Label {
                 text: fullName
                 font.pointSize: 16
                 anchors.verticalCenter: parent.verticalCenter
@@ -88,37 +88,37 @@ AbstractButton {
             x: 60
             spacing: 10
             columns: 2
-            Text {
+            Label {
                 text: qsTr("Address:")
                 font.bold: true
                 font.pixelSize: 16
             }
 
-            Text {
+            Label {
                 text: address
                 font.pixelSize: 16
                 font.bold: true
             }
 
-            Text {
+            Label {
                 text: qsTr("City:")
                 font.pixelSize: 16
                 font.bold: true
             }
 
-            Text {
+            Label {
                 text: city
                 font.pixelSize: 16
                 font.bold: true
             }
 
-            Text {
+            Label {
                 text: qsTr("Number:")
                 font.pixelSize: 16
                 font.bold: true
             }
 
-            Text {
+            Label {
                 text: number
                 font.pixelSize: 16
                 font.bold: true
@@ -145,11 +145,10 @@ AbstractButton {
             }
         }
 
-        Rectangle {
-            id: line
+        MenuSeparator {
+            id: separator
             opacity: 0
-            height: 1
-            color: "#dddddd"
+            padding: 0
             anchors.right: parent.right
             anchors.rightMargin: 4
             anchors.left: parent.left
@@ -172,7 +171,7 @@ AbstractButton {
             }
 
             PropertyChanges {
-                target: line
+                target: separator
                 opacity: 1
             }