Revision control
++ // Copyright (C) 2024 The Qt Company Ltd.
++ // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
++ import QtQuick
++ import QtQuick.Controls
++
++ //! [QML root item and dataModel definition]
++ Rectangle {
++ id: mainRectangle
++
++ property AbstractItemModel dataModel
++ //! [QML root item and dataModel definition]
++
++ color: "#00414A"
++ border.width: 2
++ border.color: "black"
++
++ //! [ListView definition]
++ ListView {
++ id: listView
++
++ model: mainRectangle.dataModel
++ //! [ListView definition]
++ ScrollBar.vertical: ScrollBar {}
++ spacing: 10
++
++ anchors {
++ fill: parent
++ margins: 20
++ }
++
++ //! [ListView delegate definition]
++ delegate: Rectangle {
++ required property var model
++
++ width: listView.width
++ height: textColumn.height + (2 * textColumn.spacing)
++ color: "#2CDE85"
++ radius: 25
++
++ Column {
++ id: textColumn
++
++ height: idText.height + rowText.height + spacing
++ spacing: 15
++
++ anchors {
++ verticalCenter: parent.verticalCenter
++ left: parent.left
++ right: parent.right
++ leftMargin: 20
++ rightMargin: 20
++ }
++
++ Text {
++ id: idText
++
++ color: "#00414A"
++ text: model.id
++ font.pixelSize: 36
++ font.bold: true
++ }
++
++ Text {
++ id: rowText
++
++ color: "#00414A"
++ text: model.row
++ font.pixelSize: 36
++ font.bold: true
++ }
++ }
++ }
++ //! [ListView delegate definition]
++ }
++ }