tools/qml/startup/startup.qml
changeset 37 758a864f9613
equal deleted inserted replaced
36:ef0373b55136 37:758a864f9613
       
     1 /****************************************************************************
       
     2 **
       
     3 ** Copyright (C) 2010 Nokia Corporation and/or its subsidiary(-ies).
       
     4 ** All rights reserved.
       
     5 ** Contact: Nokia Corporation (qt-info@nokia.com)
       
     6 **
       
     7 ** This file is part of the QtDeclarative module of the Qt Toolkit.
       
     8 **
       
     9 ** $QT_BEGIN_LICENSE:LGPL$
       
    10 ** No Commercial Usage
       
    11 ** This file contains pre-release code and may not be distributed.
       
    12 ** You may use this file in accordance with the terms and conditions
       
    13 ** contained in the Technology Preview License Agreement accompanying
       
    14 ** this package.
       
    15 **
       
    16 ** GNU Lesser General Public License Usage
       
    17 ** Alternatively, this file may be used under the terms of the GNU Lesser
       
    18 ** General Public License version 2.1 as published by the Free Software
       
    19 ** Foundation and appearing in the file LICENSE.LGPL included in the
       
    20 ** packaging of this file.  Please review the following information to
       
    21 ** ensure the GNU Lesser General Public License version 2.1 requirements
       
    22 ** will be met: http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
       
    23 **
       
    24 ** In addition, as a special exception, Nokia gives you certain additional
       
    25 ** rights.  These rights are described in the Nokia Qt LGPL Exception
       
    26 ** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
       
    27 **
       
    28 ** If you have questions regarding the use of this file, please contact
       
    29 ** Nokia at qt-info@nokia.com.
       
    30 **
       
    31 **
       
    32 **
       
    33 **
       
    34 **
       
    35 **
       
    36 **
       
    37 **
       
    38 ** $QT_END_LICENSE$
       
    39 **
       
    40 ****************************************************************************/
       
    41 
       
    42 import Qt 4.7
       
    43 
       
    44 Rectangle {
       
    45     id: treatsApp
       
    46     width: 800
       
    47     height: 480
       
    48     color: "darkgrey"
       
    49     Component.onCompleted: treatsApp.state = "part1"
       
    50     signal animationFinished
       
    51 
       
    52     Item {
       
    53         width: 800
       
    54         height: 480
       
    55         anchors.centerIn: parent
       
    56         clip: true
       
    57 
       
    58         Logo {
       
    59             id: logo
       
    60             x: 165
       
    61             y: 35
       
    62             rotation: -15
       
    63             scale: 0.6
       
    64             opacity: 0
       
    65             onAnimationFinished: treatsApp.animationFinished();
       
    66         }
       
    67 
       
    68         Item {
       
    69             id: quickblur
       
    70             x: 800//325
       
    71             y: 344
       
    72             Image {
       
    73                 id: blurText
       
    74                 source: "quick-blur.png"
       
    75             }
       
    76             Image {
       
    77                 id: quickregular
       
    78                 x: -1
       
    79                 y: 0
       
    80                 opacity: 0
       
    81                 source: "quick-regular.png"
       
    82             }
       
    83             Image {
       
    84                 id: star
       
    85                 x: -1
       
    86                 y: 0
       
    87                 opacity: 0
       
    88                 source: "white-star.png"
       
    89                 smooth: true
       
    90                 NumberAnimation on rotation {
       
    91                     from: 0
       
    92                     to: 360
       
    93                     loops: NumberAnimation.Infinite
       
    94                     running: true
       
    95                     duration: 2000                
       
    96                 }   
       
    97             }
       
    98         }
       
    99     }
       
   100 
       
   101     states: [
       
   102         State {
       
   103             name: "part1"
       
   104             PropertyChanges {
       
   105                 target: logo
       
   106                 scale: 0.8
       
   107                 opacity: 1
       
   108                 rotation: 0
       
   109             }
       
   110             PropertyChanges {
       
   111                 target: treatsApp
       
   112                 color: "black"
       
   113             }
       
   114             PropertyChanges {
       
   115                 target: logo
       
   116                 y: 10
       
   117             }
       
   118             PropertyChanges {
       
   119                 target: quickblur
       
   120                 x: logo.x + 145
       
   121             }
       
   122             PropertyChanges {
       
   123                 target: blurText
       
   124                 opacity: 0
       
   125             }
       
   126             PropertyChanges {
       
   127                 target: quickregular
       
   128                 opacity: 1
       
   129             }
       
   130             PropertyChanges {
       
   131                 target: star
       
   132                 x: -7
       
   133                 y: -37
       
   134             }
       
   135         }
       
   136     ]
       
   137 
       
   138     transitions: [
       
   139         Transition {
       
   140             ParallelAnimation {
       
   141                 NumberAnimation { target: logo; property: "opacity"; duration: 500 }
       
   142                 NumberAnimation { target: logo; property: "scale"; duration: 4000; }
       
   143                 NumberAnimation { target: logo; property: "rotation"; duration: 2000; easing.type: "OutBack"}
       
   144                 ColorAnimation { duration: 3000}
       
   145                 SequentialAnimation {
       
   146                     PauseAnimation { duration: 1000 }
       
   147                     ScriptAction { script: logo.logoState = "showBlueprint" }
       
   148                     PauseAnimation { duration: 800 }
       
   149                     ScriptAction { script: logo.logoState = "finale" }
       
   150                     PauseAnimation { duration: 800 }
       
   151                     ParallelAnimation {
       
   152                         NumberAnimation { target: quickblur; property: "x"; duration: 200;}
       
   153                         SequentialAnimation {
       
   154                             PauseAnimation { duration: 200}
       
   155                             ParallelAnimation {
       
   156                                 NumberAnimation { target: blurText; property: "opacity"; duration: 300;}
       
   157                                 NumberAnimation { target: quickregular; property: "opacity"; duration: 300;}
       
   158                             }
       
   159                             NumberAnimation { target: star; property: "opacity"; from: 0; to: 1; duration: 500 }
       
   160                             PauseAnimation { duration: 200 }
       
   161                             NumberAnimation { target: star; property: "opacity"; from: 1; to: 0; duration: 500 }
       
   162                         }
       
   163                         SequentialAnimation {
       
   164                             PauseAnimation { duration: 150}
       
   165                             NumberAnimation { target: logo; property: "y"; duration: 300; easing.type: "OutBounce" }
       
   166                         }
       
   167                     }
       
   168                 }
       
   169             }
       
   170         }
       
   171     ]   
       
   172 
       
   173 } // treatsApp