7aec7ac78a7dc58cd48a2e524e1842e3852b522c
[profile/ivi/qtdeclarative.git] / tests / testapplications / elements / content / RectangleElement.qml
1 /****************************************************************************
2 **
3 ** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
4 ** All rights reserved.
5 ** Contact: http://www.qt-project.org/
6 **
7 ** This file is part of the test suite of the Qt Toolkit.
8 **
9 ** $QT_BEGIN_LICENSE:LGPL$
10 ** GNU Lesser General Public License Usage
11 ** This file may be used under the terms of the GNU Lesser General Public
12 ** License version 2.1 as published by the Free Software Foundation and
13 ** appearing in the file LICENSE.LGPL included in the packaging of this
14 ** file. Please review the following information to ensure the GNU Lesser
15 ** General Public License version 2.1 requirements will be met:
16 ** http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
17 **
18 ** In addition, as a special exception, Nokia gives you certain additional
19 ** rights. These rights are described in the Nokia Qt LGPL Exception
20 ** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
21 **
22 ** GNU General Public License Usage
23 ** Alternatively, this file may be used under the terms of the GNU General
24 ** Public License version 3.0 as published by the Free Software Foundation
25 ** and appearing in the file LICENSE.GPL included in the packaging of this
26 ** file. Please review the following information to ensure the GNU General
27 ** Public License version 3.0 requirements will be met:
28 ** http://www.gnu.org/copyleft/gpl.html.
29 **
30 ** Other Usage
31 ** Alternatively, this file may be used in accordance with the terms and
32 ** conditions contained in a signed written agreement between you and Nokia.
33 **
34 **
35 **
36 **
37 **
38 ** $QT_END_LICENSE$
39 **
40 ****************************************************************************/
41
42 import QtQuick 2.0
43
44 Item { id: rectangleelementtest
45     anchors.fill: parent
46     property string testtext: ""
47
48     Rectangle {
49         id: rectangleelement
50         height: 100; width: 100; color: "blue"; border.width: 2; border.color: "red"; border.aligned: false; smooth: true
51         anchors.centerIn: parent
52         Behavior on height { NumberAnimation { duration: 1000 } }
53         Behavior on width { NumberAnimation { duration: 1000 } }
54         Behavior on radius { NumberAnimation { duration: 1000 } }
55         Behavior on color { ColorAnimation { duration: 1000 } }
56         Behavior on border.color { ColorAnimation { duration: 1000 } }
57         Behavior on border.width { NumberAnimation { duration: 1000 } }
58     }
59
60     SystemTestHelp { id: helpbubble; visible: statenum != 0
61         anchors { top: parent.top; horizontalCenter: parent.horizontalCenter; topMargin: 50 }
62     }
63     BugPanel { id: bugpanel }
64
65     states: [
66         State { name: "start"; when: statenum == 1
67             PropertyChanges { target: rectangleelementtest
68                 testtext: "This is a Rectangle element. It should be small and blue, with a thin, red border.\n"+
69                 "Next, it will animatedly increase to twice its size" }
70         },
71         State { name: "large"; when: statenum == 2
72             PropertyChanges { target: rectangleelement; height: 200; width: 200 }
73             PropertyChanges { target: rectangleelementtest; testtext: "It should now be large and blue, with a thin, red border.\n"+
74                 "Next, a radius will be added to round the corners" }
75         },
76         State { name: "largerounded"; when: statenum == 3
77             PropertyChanges { target: rectangleelement; height: 200; width: 200; radius: 20 }
78             PropertyChanges { target: rectangleelementtest; testtext: "The borders should now be rounded.\n"+
79                 "Next, it will change the color to green" }
80         },
81         State { name: "largeroundedgreen"; when: statenum == 4
82             PropertyChanges { target: rectangleelement; height: 200; width: 200; radius: 20; color: "green" }
83             PropertyChanges { target: rectangleelementtest; testtext: "The rectangle should now be green.\n"+
84                 "Next, the border width will be increased" }
85         },
86         State { name: "largeroundedgreenthick"; when: statenum == 5
87             PropertyChanges { target: rectangleelement; height: 200; width: 200; radius: 20; color: "green"; border.width: 10 }
88             PropertyChanges { target: rectangleelementtest; testtext: "The border width should have increased significantly.\n"+
89                 "Advance to restart the test - everything should animate at once" }
90         }
91     ]
92
93 }