1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62
|
// Copyright (C) 2018 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
import QtQuick 2.0
import QtQml.Models 2.12
Item {
id: repeaterelementtest
anchors.fill: parent
property string testtext: ""
property bool showme: true
Column {
id: container
height: 200; width: 250
spacing: 5
anchors.horizontalCenter: parent.horizontalCenter
anchors.bottom: parent.bottom
anchors.bottomMargin: 15
Repeater { id: repeaterelement; model: repeatermodel }
Rectangle { height: 50; width: 150; color: "green" }
move: Transition { NumberAnimation { properties: "x,y"; duration: 1000; easing.type: Easing.OutBounce } }
add: Transition { NumberAnimation { properties: "x,y"; duration: 1000; easing.type: Easing.OutBounce } }
}
ObjectModel {
id: repeatermodel
Rectangle { color: "blue"; height: 40; width: 150; border.color: "black"; border.width: 3; opacity: .9; radius: 5; clip: true
Text { text: "I am Thing 1"; anchors.centerIn: parent } }
Rectangle { color: "blue"; height: 40; width: 150; border.color: "black"; border.width: 3; opacity: .9; radius: 5; clip: true
Text { text: "I am Thing 2"; anchors.centerIn: parent } }
Rectangle { visible: repeaterelementtest.showme;
color: "blue"; height: 40; width: 150; border.color: "black"; border.width: 3; opacity: .9; radius: 5; clip: true
Text { text: "I am Thing 3"; anchors.centerIn: parent } }
Rectangle { color: "blue"; height: 40; width: 150; border.color: "black"; border.width: 3; opacity: .9; radius: 5; clip: true
Text { text: "I am Thing 4"; anchors.centerIn: parent } }
Rectangle { color: "blue"; height: 40; width: 150; border.color: "black"; border.width: 3; opacity: .9; radius: 5; clip: true
Text { text: "I am Thing 5"; anchors.centerIn: parent } }
}
SystemTestHelp { id: helpbubble; visible: statenum != 0
anchors { top: parent.top; horizontalCenter: parent.horizontalCenter; topMargin: 50 }
}
BugPanel { id: bugpanel }
states: [
State { name: "start"; when: statenum == 1
PropertyChanges { target: repeaterelementtest
testtext: "This is a Repeater element. At present it should be showing five blue rectangles in a column, with"+
"a green rectangle at the bottom.\n"+
"Next, let's remove one of the rectangles from the column - the column should bounce when they are removed." }
},
State { name: "back"; when: statenum == 2
PropertyChanges { target: repeaterelementtest; showme: false }
PropertyChanges { target: repeaterelementtest
testtext: "Repeater should now be showing a total of five rectangles.\n"+
"Advance to restart the test." }
}
]
}
|