|
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 Component { |
|
45 id: photoDelegate |
|
46 Item { |
|
47 id: wrapper; width: 79; height: 79 |
|
48 |
|
49 function photoClicked() { |
|
50 imageDetails.photoTitle = title; |
|
51 imageDetails.photoTags = tags; |
|
52 imageDetails.photoWidth = photoWidth; |
|
53 imageDetails.photoHeight = photoHeight; |
|
54 imageDetails.photoType = photoType; |
|
55 imageDetails.photoAuthor = photoAuthor; |
|
56 imageDetails.photoDate = photoDate; |
|
57 imageDetails.photoUrl = url; |
|
58 imageDetails.rating = 0; |
|
59 scaleMe.state = "Details"; |
|
60 } |
|
61 |
|
62 Item { |
|
63 anchors.centerIn: parent |
|
64 scale: 0.0 |
|
65 Behavior on scale { NumberAnimation { easing.type: Easing.InOutQuad} } |
|
66 id: scaleMe |
|
67 |
|
68 Rectangle { height: 79; width: 79; id: blackRect; anchors.centerIn: parent; color: "black"; smooth: true } |
|
69 Rectangle { |
|
70 id: whiteRect; width: 77; height: 77; anchors.centerIn: parent; color: "#dddddd"; smooth: true |
|
71 Image { id: thumb; source: imagePath; x: 1; y: 1; smooth: true} |
|
72 Image { source: "images/gloss.png" } |
|
73 } |
|
74 |
|
75 Connections { |
|
76 target: toolBar |
|
77 onButton2Clicked: if (scaleMe.state == 'Details' ) scaleMe.state = 'Show' |
|
78 } |
|
79 |
|
80 states: [ |
|
81 State { |
|
82 name: "Show"; when: thumb.status == Image.Ready |
|
83 PropertyChanges { target: scaleMe; scale: 1 } |
|
84 }, |
|
85 State { |
|
86 name: "Details" |
|
87 PropertyChanges { target: scaleMe; scale: 1 } |
|
88 ParentChange { target: wrapper; parent: imageDetails.frontContainer } |
|
89 PropertyChanges { target: wrapper; x: 20; y: 60; z: 1000 } |
|
90 PropertyChanges { target: background; state: "DetailedView" } |
|
91 } |
|
92 ] |
|
93 transitions: [ |
|
94 Transition { |
|
95 from: "Show"; to: "Details" |
|
96 ParentAnimation { |
|
97 NumberAnimation { properties: "x,y"; duration: 500; easing.type: Easing.InOutQuad } |
|
98 } |
|
99 }, |
|
100 Transition { |
|
101 from: "Details"; to: "Show" |
|
102 SequentialAnimation { |
|
103 ParentAnimation { |
|
104 NumberAnimation { properties: "x,y"; duration: 500; easing.type: Easing.InOutQuad } |
|
105 } |
|
106 PropertyAction { targets: wrapper; properties: "z" } |
|
107 } |
|
108 } |
|
109 ] |
|
110 } |
|
111 MouseArea { anchors.fill: wrapper; onClicked: { photoClicked() } } |
|
112 } |
|
113 } |