PySide Examples: Add Contactslist example

- Also works for Android

Pick-to: 6.5 6.6
Task-number: PYSIDE-2206
Change-Id: Ib41b004a343c64a355187c9ef1780a8da4bd0553
Reviewed-by: Friedemann Kleint <Friedemann.Kleint@qt.io>

1 files changed, 82 insertions, 0 deletions

diff --git a/examples/quickcontrols/contactslist/Contact/ContactDelegate.ui.qml b/examples/quickcontrols/contactslist/Contact/ContactDelegate.ui.qml
new file mode 100644
index 000000000..affcccc3e
--- /dev/null
+++ b/examples/quickcontrols/contactslist/Contact/ContactDelegate.ui.qml
@@ -0,0 +1,82 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+
+ItemDelegate {
+    id: delegate
+
+    checkable: true
+
+    contentItem: ColumnLayout {
+        spacing: 10
+
+        Label {
+            text: fullName
+            font.bold: true
+            elide: Text.ElideRight
+            Layout.fillWidth: true
+        }
+
+        GridLayout {
+            id: grid
+            visible: false
+
+            columns: 2
+            rowSpacing: 10
+            columnSpacing: 10
+
+            Label {
+                text: qsTr("Address:")
+                Layout.leftMargin: 60
+            }
+
+            Label {
+                text: address
+                font.bold: true
+                elide: Text.ElideRight
+                Layout.fillWidth: true
+            }
+
+            Label {
+                text: qsTr("City:")
+                Layout.leftMargin: 60
+            }
+
+            Label {
+                text: city
+                font.bold: true
+                elide: Text.ElideRight
+                Layout.fillWidth: true
+            }
+
+            Label {
+                text: qsTr("Number:")
+                Layout.leftMargin: 60
+            }
+
+            Label {
+                text: number
+                font.bold: true
+                elide: Text.ElideRight
+                Layout.fillWidth: true
+            }
+        }
+    }
+
+    states: [
+        State {
+            name: "expanded"
+            when: delegate.checked
+
+            PropertyChanges {
+                // TODO: When Qt Design Studio supports generalized grouped properties, change to:
+                //       grid.visible: true
+                target: grid
+                visible: true
+            }
+        }
+    ]
+}