src/quick/doc/snippets/qml/propertyanimation.qml

   1 /****************************************************************************
   2 **
   3 ** Copyright (C) 2012 Digia Plc and/or its subsidiary(-ies).
   4 ** Contact: http://www.qt-project.org/legal
   5 **
   6 ** This file is part of the documentation of the Qt Toolkit.
   7 **
   8 ** $QT_BEGIN_LICENSE:BSD$
   9 ** You may use this file under the terms of the BSD license as follows:
  10 **
  11 ** "Redistribution and use in source and binary forms, with or without
  12 ** modification, are permitted provided that the following conditions are
  13 ** met:
  14 **   * Redistributions of source code must retain the above copyright
  15 **     notice, this list of conditions and the following disclaimer.
  16 **   * Redistributions in binary form must reproduce the above copyright
  17 **     notice, this list of conditions and the following disclaimer in
  18 **     the documentation and/or other materials provided with the
  19 **     distribution.
  20 **   * Neither the name of Digia Plc and its Subsidiary(-ies) nor the names
  21 **     of its contributors may be used to endorse or promote products derived
  22 **     from this software without specific prior written permission.
  23 **
  24 **
  25 ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  26 ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  27 ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  28 ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  29 ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  30 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  31 ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  32 ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  33 ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  34 ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  35 ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
  36 **
  37 ** $QT_END_LICENSE$
  38 **
  39 ****************************************************************************/
  40
  41 import QtQuick 2.0
  42
  43 Row {
  44
  45 //![transition]
  46 Rectangle {
  47     id: rect
  48     width: 100; height: 100
  49     color: "red"
  50
  51     //! [single state]
  52     states: State {
  53         name: "moved"
  54         PropertyChanges { target: rect; x: 50 }
  55     }
  56     //! [single state]
  57
  58     transitions: Transition {
  59         PropertyAnimation { properties: "x,y"; easing.type: Easing.InOutQuad }
  60     }
  61 }
  62 //![transition]
  63
  64 //![behavior]
  65 Rectangle {
  66     width: 100; height: 100
  67     color: "red"
  68
  69     Behavior on x { PropertyAnimation {} }
  70
  71     MouseArea { anchors.fill: parent; onClicked: parent.x = 50 }
  72 }
  73 //![behavior]
  74
  75 //![propertyvaluesource]
  76 Rectangle {
  77     width: 100; height: 100
  78     color: "red"
  79
  80     SequentialAnimation on x {
  81         loops: Animation.Infinite
  82         PropertyAnimation { to: 50 }
  83         PropertyAnimation { to: 0 }
  84     }
  85 }
  86 //![propertyvaluesource]
  87
  88     //![standalone]
  89     Rectangle {
  90         id: theRect
  91         width: 100; height: 100
  92         color: "red"
  93
  94         // this is a standalone animation, it's not running by default
  95         PropertyAnimation { id: animation; target: theRect; property: "width"; to: 30; duration: 500 }
  96
  97         MouseArea { anchors.fill: parent; onClicked: animation.running = true }
  98     }
  99     //![standalone]
 100 }