| /**************************************************************************** |
| ** |
| ** Copyright (C) 2016 Canonical Limited and/or its subsidiary(-ies). |
| ** Contact: https://www.qt.io/licensing/ |
| ** |
| ** This file is part of the test suite of the Qt Toolkit. |
| ** |
| ** $QT_BEGIN_LICENSE:GPL-EXCEPT$ |
| ** Commercial License Usage |
| ** Licensees holding valid commercial Qt licenses may use this file in |
| ** accordance with the commercial license agreement provided with the |
| ** Software or, alternatively, in accordance with the terms contained in |
| ** a written agreement between you and The Qt Company. For licensing terms |
| ** and conditions see https://www.qt.io/terms-conditions. For further |
| ** information use the contact form at https://www.qt.io/contact-us. |
| ** |
| ** GNU General Public License Usage |
| ** Alternatively, this file may be used under the terms of the GNU |
| ** General Public License version 3 as published by the Free Software |
| ** Foundation with exceptions as appearing in the file LICENSE.GPL3-EXCEPT |
| ** included in the packaging of this file. Please review the following |
| ** information to ensure the GNU General Public License requirements will |
| ** be met: https://www.gnu.org/licenses/gpl-3.0.html. |
| ** |
| ** $QT_END_LICENSE$ |
| ** |
| ****************************************************************************/ |
| |
| import QtQuick 2.3 |
| |
| ListView { |
| id: list |
| width: 400 |
| height: 600 |
| model: ListModel { |
| ListElement { kind: "Bought" } |
| ListElement { kind: "Available To Buy" } |
| } |
| |
| delegate: ListView { |
| id: innerList |
| objectName: "innerList" |
| height: count * lineHeight |
| width: list.width |
| interactive: false |
| property int count: 50 |
| model: count |
| property int createdItems: 0 |
| property int destroyedItems: 0 |
| property int lineHeight: 85 |
| |
| delegate: Item { |
| objectName: "delegate" |
| width: innerList.width |
| height: innerList.lineHeight |
| Rectangle { |
| width: parent.width - 20 |
| height: parent.height - 20 |
| anchors.centerIn: parent |
| color: Math.random() * 2 > 1 ? "green" : "yellow"; |
| Text { |
| text: index |
| } |
| Component.onCompleted: createdItems++ |
| Component.onDestruction: destroyedItems++ |
| } |
| } |
| |
| displayMarginBeginning: 0 |
| displayMarginEnd: -height |
| |
| function updatedDelegateCreationRange() { |
| if (list.contentY + list.height <= innerList.y) { |
| // Not visible |
| innerList.displayMarginBeginning = 0 |
| innerList.displayMarginEnd = -innerList.height |
| } else if (innerList.y + innerList.height <= list.contentY) { |
| // Not visible |
| innerList.displayMarginBeginning = -innerList.height |
| innerList.displayMarginEnd = 0 |
| } else { |
| innerList.displayMarginBeginning = -Math.max(list.contentY - innerList.y, 0) |
| innerList.displayMarginEnd = -Math.max(innerList.height - list.height - list.contentY + innerList.y, 0) |
| } |
| } |
| |
| Component.onCompleted: updatedDelegateCreationRange(); |
| onHeightChanged: updatedDelegateCreationRange(); |
| Connections { |
| target: list |
| onContentYChanged: updatedDelegateCreationRange(); |
| onHeightChanged: updatedDelegateCreationRange(); |
| } |
| } |
| |
| section.property: "kind" |
| section.delegate: Text { |
| height: 40 |
| font.pixelSize: 30 |
| text: section |
| } |
| } |