added android components
[mardrone] / mardrone / imports / com / nokia / android.1.1 / SelectionListItem.qml
1 /****************************************************************************
2 **
3 ** Copyright (C) 2011 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 Qt Components project.
8 **
9 ** $QT_BEGIN_LICENSE:BSD$
10 ** You may use this file under the terms of the BSD license as follows:
11 **
12 ** "Redistribution and use in source and binary forms, with or without
13 ** modification, are permitted provided that the following conditions are
14 ** met:
15 **   * Redistributions of source code must retain the above copyright
16 **     notice, this list of conditions and the following disclaimer.
17 **   * Redistributions in binary form must reproduce the above copyright
18 **     notice, this list of conditions and the following disclaimer in
19 **     the documentation and/or other materials provided with the
20 **     distribution.
21 **   * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
22 **     the names of its contributors may be used to endorse or promote
23 **     products derived from this software without specific prior written
24 **     permission.
25 **
26 ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
27 ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
28 ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
29 ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
30 ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
31 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
32 ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
33 ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
34 ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
35 ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
36 ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
37 ** $QT_END_LICENSE$
38 **
39 ****************************************************************************/
40
41 import QtQuick 1.1
42 import "." 1.1
43
44 ListItem {
45     id: root
46     property string title: ""
47     property string subTitle: ""
48
49     implicitHeight: background.height + 2 * platformStyle.paddingLarge
50
51     onModeChanged: {
52         if (root.mode == "pressed") {
53             pressed.source = privateStyle.imagePath("qtg_fr_choice_list_pressed", root.platformInverted)
54             pressed.opacity = 1
55         } else {
56             releasedEffect.restart()
57         }
58     }
59
60     BorderImage {
61         id: background
62         height: privateStyle.menuItemHeight - platformStyle.paddingSmall // from layout spec.
63         anchors {
64             left: parent.left
65             leftMargin: platformStyle.paddingLarge
66             right: parent.right
67             rightMargin: privateStyle.scrollBarThickness
68             verticalCenter: parent.verticalCenter
69         }
70         border {
71             left: platformStyle.borderSizeMedium
72             top: platformStyle.borderSizeMedium
73             right: platformStyle.borderSizeMedium
74             bottom: platformStyle.borderSizeMedium
75         }
76         source: privateStyle.imagePath("qtg_fr_choice_list_" + internal.getBackground(),
77                                        root.platformInverted)
78
79         BorderImage {
80             id: pressed
81             border {
82                 left: platformStyle.borderSizeMedium
83                 top: platformStyle.borderSizeMedium
84                 right: platformStyle.borderSizeMedium
85                 bottom: platformStyle.borderSizeMedium
86             }
87             opacity: 0
88             anchors.fill: parent
89         }
90
91         Column {
92             anchors {
93                 verticalCenter: background.verticalCenter
94                 right: indicator.left
95                 rightMargin: platformStyle.paddingMedium
96                 left: background.left
97                 leftMargin: platformStyle.paddingLarge
98             }
99
100             Loader {
101                 anchors.left: parent.left
102                 sourceComponent: title != "" ? titleText : undefined
103                 width: parent.width // elide requires explicit width
104             }
105
106             Loader {
107                 anchors.left: parent.left
108                 sourceComponent: subTitle != "" ? subTitleText : undefined
109                 width: parent.width // elide requires explicit width
110             }
111         }
112         Image {
113             id: indicator
114             source: root.mode == "disabled" ? privateStyle.imagePath("qtg_graf_choice_list_indicator_disabled",
115                                                                      root.platformInverted)
116                                             : privateStyle.imagePath("qtg_graf_choice_list_indicator",
117                                                                      root.platformInverted)
118             sourceSize.width: platformStyle.graphicSizeSmall
119             sourceSize.height: platformStyle.graphicSizeSmall
120             anchors {
121                 right: background.right
122                 rightMargin: platformStyle.paddingSmall
123                 verticalCenter: parent.verticalCenter
124             }
125         }
126     }
127
128     Component {
129         id: titleText
130         ListItemText {
131             mode: root.mode
132             role: "SelectionTitle"
133             text: root.title
134             platformInverted: root.platformInverted
135         }
136     }
137    Component {
138         id: subTitleText
139         ListItemText {
140             mode: root.mode
141             role: "SelectionSubTitle"
142             text: root.subTitle
143             platformInverted: root.platformInverted
144         }
145     }
146
147     QtObject {
148         id: internal
149         function getBackground() {
150             if (root.mode == "highlighted")
151                 return "highlighted"
152             else if (root.mode == "disabled")
153                 return "disabled"
154             else
155                 return "normal"
156         }
157     }
158
159     SequentialAnimation {
160         id: releasedEffect
161         PropertyAnimation {
162             target: pressed
163             property: "opacity"
164             to: 0
165             easing.type: Easing.Linear
166             duration: 150
167         }
168     }
169 }