demos/declarative/photoviewer/photoviewer.qml
changeset 30 5dc02b23752f
child 37 758a864f9613
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 "PhotoViewerCore"
       
    44 
       
    45 Rectangle {
       
    46     id: mainWindow
       
    47 
       
    48     property real downloadProgress: 0
       
    49     property bool imageLoading: false
       
    50     property bool editMode: false
       
    51 
       
    52     width: 800; height: 480; color: "#d5d6d8"
       
    53 
       
    54     ListModel {
       
    55         id: photosModel
       
    56         ListElement { tag: "Flowers" }
       
    57         ListElement { tag: "Wildlife" }
       
    58         ListElement { tag: "Prague" }
       
    59     }
       
    60 
       
    61     VisualDataModel { id: albumVisualModel; model: photosModel; delegate: AlbumDelegate {} }
       
    62 
       
    63     GridView {
       
    64         id: albumView; width: parent.width; height: parent.height; cellWidth: 210; cellHeight: 220
       
    65         model: albumVisualModel.parts.album; visible: albumsShade.opacity != 1.0
       
    66     }
       
    67 
       
    68     Column {
       
    69         spacing: 20; anchors { bottom: parent.bottom; right: parent.right; rightMargin: 20; bottomMargin: 20 }
       
    70         Button {
       
    71             id: newButton; label: qsTr("Add"); rotation: 3
       
    72             anchors.horizontalCenter: parent.horizontalCenter
       
    73             onClicked: {
       
    74                 mainWindow.editMode = false
       
    75                 photosModel.append( { tag: "" } )
       
    76                 albumView.positionViewAtIndex(albumView.count - 1, GridView.Contain)
       
    77             }
       
    78         }
       
    79         Button {
       
    80             id: deleteButton; label: qsTr("Edit"); rotation: -2;
       
    81             onClicked: mainWindow.editMode = !mainWindow.editMode
       
    82             anchors.horizontalCenter: parent.horizontalCenter
       
    83         }
       
    84     }
       
    85 
       
    86     Rectangle {
       
    87         id: albumsShade; color: mainWindow.color
       
    88         width: parent.width; height: parent.height; opacity: 0.0
       
    89     }
       
    90 
       
    91     ListView { anchors.fill: parent; model: albumVisualModel.parts.browser; interactive: false }
       
    92 
       
    93     Button { id: backButton; label: qsTr("Back"); rotation: 3; x: parent.width - backButton.width - 6; y: -backButton.height - 8 }
       
    94 
       
    95     Rectangle { id: photosShade; color: 'black'; width: parent.width; height: parent.height; opacity: 0; visible: opacity != 0.0 }
       
    96 
       
    97     ListView { anchors.fill: parent; model: albumVisualModel.parts.fullscreen; interactive: false }
       
    98 
       
    99     Item { id: foreground; anchors.fill: parent }
       
   100 
       
   101     ProgressBar {
       
   102         progress: mainWindow.downloadProgress; width: parent.width; height: 4
       
   103         anchors.bottom: parent.bottom; opacity: mainWindow.imageLoading; visible: opacity != 0.0
       
   104     }
       
   105 }