demos/declarative/samegame/samegame.qml
changeset 30 5dc02b23752f
child 33 3e2da88830cd
equal deleted inserted replaced
29:b72c6db6890b 30:5dc02b23752f
       
     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 import "SamegameCore"
       
    44 import "SamegameCore/samegame.js" as Logic
       
    45 
       
    46 Rectangle {
       
    47     id: screen
       
    48     width: 490; height: 720
       
    49 
       
    50     SystemPalette { id: activePalette }
       
    51 
       
    52     Item {
       
    53         width: parent.width
       
    54         anchors { top: parent.top; bottom: toolBar.top }
       
    55 
       
    56         Image {
       
    57             id: background
       
    58             anchors.fill: parent
       
    59             source: "SamegameCore/pics/background.png"
       
    60             fillMode: Image.PreserveAspectCrop
       
    61         }
       
    62 
       
    63         Item {
       
    64             id: gameCanvas
       
    65             property int score: 0
       
    66             property int blockSize: 40
       
    67 
       
    68             z: 20; anchors.centerIn: parent
       
    69             width: parent.width - (parent.width % blockSize);
       
    70             height: parent.height - (parent.height % blockSize);
       
    71 
       
    72             MouseArea {
       
    73                 anchors.fill: parent; onClicked: Logic.handleClick(mouse.x,mouse.y);
       
    74             }
       
    75         }
       
    76     }
       
    77 
       
    78     Dialog { id: dialog; anchors.centerIn: parent; z: 21 }
       
    79 
       
    80     Dialog {
       
    81         id: nameInputDialog
       
    82 
       
    83         property int initialWidth: 0
       
    84 
       
    85         anchors.centerIn: parent
       
    86         z: 22;
       
    87 
       
    88         Behavior on width {
       
    89             NumberAnimation {} 
       
    90             enabled: initialWidth != 0
       
    91         }
       
    92 
       
    93         Text {
       
    94             id: dialogText
       
    95             anchors { left: nameInputDialog.left; leftMargin: 20; verticalCenter: parent.verticalCenter }
       
    96             text: "You won! Please enter your name: "
       
    97         }
       
    98 
       
    99         TextInput {
       
   100             id: nameInputText
       
   101             anchors { verticalCenter: parent.verticalCenter; left: dialogText.right }
       
   102             focus: true
       
   103 
       
   104             onTextChanged: {
       
   105                 var newWidth = nameInputText.width + dialogText.width + 40;
       
   106                 if ( (newWidth > nameInputDialog.width && newWidth < screen.width) 
       
   107                         || (nameInputDialog.width > nameInputDialog.initialWidth) )
       
   108                     nameInputDialog.width = newWidth;
       
   109             }
       
   110             onAccepted: {
       
   111                 if (nameInputDialog.opacity == 1 && nameInputText.text != "")
       
   112                     Logic.saveHighScore(nameInputText.text);
       
   113                 nameInputDialog.forceClose();
       
   114             }
       
   115         }
       
   116     }
       
   117 
       
   118     Rectangle {
       
   119         id: toolBar
       
   120         width: parent.width; height: 32
       
   121         color: activePalette.window
       
   122         anchors.bottom: screen.bottom
       
   123 
       
   124         Button {
       
   125             id: newGameButton
       
   126             anchors { left: parent.left; leftMargin: 3; verticalCenter: parent.verticalCenter }
       
   127             text: "New Game" 
       
   128             onClicked: Logic.startNewGame()
       
   129         }
       
   130 
       
   131         Button {
       
   132             text: "Quit"
       
   133             anchors { left: newGameButton.right; leftMargin: 3; verticalCenter: parent.verticalCenter }
       
   134             onClicked: Qt.quit();
       
   135         }
       
   136 
       
   137         Text {
       
   138             id: score
       
   139             anchors { right: parent.right; rightMargin: 3; verticalCenter: parent.verticalCenter }
       
   140             text: "Score: " + gameCanvas.score
       
   141             font.bold: true
       
   142             color: activePalette.windowText
       
   143         }
       
   144     }
       
   145 }