tests/testapplications/elements/content/FlowElement.qml

   1 /****************************************************************************
   2 **
   3 ** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
   4 ** Contact: http://www.qt-project.org/
   5 **
   6 ** This file is part of the test suite of the Qt Toolkit.
   7 **
   8 ** $QT_BEGIN_LICENSE:LGPL$
   9 ** GNU Lesser General Public License Usage
  10 ** This file may be used under the terms of the GNU Lesser General Public
  11 ** License version 2.1 as published by the Free Software Foundation and
  12 ** appearing in the file LICENSE.LGPL included in the packaging of this
  13 ** file. Please review the following information to ensure the GNU Lesser
  14 ** General Public License version 2.1 requirements will be met:
  15 ** http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
  16 **
  17 ** In addition, as a special exception, Nokia gives you certain additional
  18 ** rights. These rights are described in the Nokia Qt LGPL Exception
  19 ** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
  20 **
  21 ** GNU General Public License Usage
  22 ** Alternatively, this file may be used under the terms of the GNU General
  23 ** Public License version 3.0 as published by the Free Software Foundation
  24 ** and appearing in the file LICENSE.GPL included in the packaging of this
  25 ** file. Please review the following information to ensure the GNU General
  26 ** Public License version 3.0 requirements will be met:
  27 ** http://www.gnu.org/copyleft/gpl.html.
  28 **
  29 ** Other Usage
  30 ** Alternatively, this file may be used in accordance with the terms and
  31 ** conditions contained in a signed written agreement between you and Nokia.
  32 **
  33 **
  34 **
  35 **
  36 **
  37 **
  38 ** $QT_END_LICENSE$
  39 **
  40 ****************************************************************************/
  41
  42 import QtQuick 2.0
  43
  44 Item {
  45     id: flowelementtest
  46     anchors.fill: parent
  47     property string testtext: ""
  48
  49     Rectangle { anchors.fill: flowelement; color: "lightsteelblue"; radius: 5 }
  50
  51     Flow {
  52         id: flowelement
  53         height: 150; width: 150; spacing: 5; flow: Flow.LeftToRight
  54         anchors.centerIn: parent
  55         Rectangle { id: gr; color: "green"; height: 50; width: 50; border.color: "gray"; border.width: 3; opacity: .9; radius: 5; clip: true
  56             Text { anchors.centerIn: parent; text: "1" }
  57         }
  58         Rectangle { id: re; color: "red"; height: 50; width: 50; border.color: "gray"; border.width: 3; opacity: .9; radius: 5; clip: true
  59             Text { anchors.centerIn: parent; text: "2" }
  60         }
  61         Rectangle { id: bl; color: "blue"; height: 50; width: 50; border.color: "gray"; border.width: 3; opacity: 0; radius: 5; clip: true
  62             Text { anchors.centerIn: parent; text: "3" }
  63         }
  64         Rectangle { id: bk; color: "black"; height: 50; width: 50; border.color: "gray"; border.width: 3; opacity: .9; radius: 5; clip: true
  65             Text { anchors.centerIn: parent; text: "4"; color: "lightgray" }
  66         }
  67
  68         move: Transition { NumberAnimation { properties: "x"; duration: 500; easing.type: Easing.OutBounce } }
  69         add: Transition { NumberAnimation { properties: "x"; duration: 500; easing.type: Easing.OutBounce } }
  70
  71     }
  72
  73     SystemTestHelp { id: helpbubble; visible: statenum != 0
  74         anchors { top: parent.top; horizontalCenter: parent.horizontalCenter; topMargin: 50 }
  75     }
  76     BugPanel { id: bugpanel }
  77
  78     states: [
  79         State { name: "start"; when: statenum == 1
  80             PropertyChanges { target: flowelementtest
  81                 testtext: "This is a Flow element. At present it should be showing three rectangles - green, red and black.\n"+
  82                 "Next, let's add a rectangle to the Flow - it should slide in from the left and the black rectangle should move to give it space" }
  83         },
  84         State { name: "added"; when: statenum == 2
  85             PropertyChanges { target: bl; opacity: .9 }
  86             PropertyChanges { target: flowelementtest
  87                 testtext: "Flow should now be showing four rectangles - green, red, blue and black.\n"+
  88                 "Next let's change the direction of the flow to vertical." }
  89         },
  90         State { name: "vertical"; when: statenum == 3
  91             PropertyChanges { target: bl; opacity: .9 }
  92             PropertyChanges { target: flowelement; flow: Flow.TopToBottom }
  93             PropertyChanges { target: flowelementtest
  94                 testtext: "Flow should now be showing four rectangles - green, blue, red and black.\n"+
  95                 "Next, let's flip the layout direction to RightToLeft." }
  96         },
  97         State { name: "rtlvertical"; when: statenum == 4
  98             PropertyChanges { target: bl; opacity: .9 }
  99             PropertyChanges { target: flowelement; flow: Flow.TopToBottom; layoutDirection: Qt.RightToLeft }
 100             PropertyChanges { target: flowelementtest
 101                 testtext: "Flow should now be showing the four rectangles aligned to the right and in a column order flowing to the left"+
 102                 "Advance to restart the test." }
 103         }
 104     ]
 105 }