improved desktop UI
[mardrone] / mardrone / imports / com / nokia / meego / Button.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 Qt.labs.components 1.1
43 import "." 1.0
44 import "UIConstants.js" as UI
45
46 ImplicitSizeItem {
47     id: button
48
49     // Common public API
50     property bool checked: false
51     property bool checkable: false
52     property alias pressed: mouseArea.pressed
53     property alias text: label.text
54     property url iconSource
55     property alias platformMouseAnchors: mouseArea.anchors
56
57     signal clicked
58
59     // Used in ButtonGroup.js to set the segmented look on the buttons.
60     property string __buttonType
61
62     // Styling for the Button
63     property Style platformStyle: ButtonStyle {}
64
65     // Deprecated, TODO remove
66     property alias style: button.platformStyle
67
68     implicitWidth: platformStyle.buttonWidth
69     implicitHeight: platformStyle.buttonHeight
70     width: implicitWidth
71
72     property alias font: label.font
73
74     //private property
75     property bool __dialogButton: false
76
77     BorderImage {
78         id: background
79         anchors.fill: parent
80         border { left: button.platformStyle.backgroundMarginLeft; top: button.platformStyle.backgroundMarginTop;
81                  right: button.platformStyle.backgroundMarginRight; bottom: button.platformStyle.backgroundMarginBottom }
82
83         source:  __dialogButton ? (pressed ? button.platformStyle.pressedDialog : button.platformStyle.dialog) :
84                   !enabled ?
85                   (checked ? button.platformStyle.checkedDisabledBackground : button.platformStyle.disabledBackground) :
86                   pressed ?
87                       button.platformStyle.pressedBackground :
88                   checked ?
89                       button.platformStyle.checkedBackground :
90                       button.platformStyle.background;
91     }
92
93     Image {
94         id: icon
95         anchors.left: label.visible ? parent.left : undefined
96         anchors.leftMargin: label.visible ? UI.MARGIN_XLARGE : 0
97         anchors.centerIn: label.visible ? undefined : parent
98
99         anchors.verticalCenter: parent.verticalCenter
100         anchors.verticalCenterOffset: -1
101
102         source: button.iconSource
103
104         visible: source != ""
105     }
106
107     Label {
108         id: label
109         anchors.verticalCenter: parent.verticalCenter
110         anchors.left: icon.visible ? icon.right : parent.left
111         anchors.leftMargin: icon.visible ? UI.PADDING_XLARGE : UI.BUTTON_LABEL_MARGIN
112         anchors.right: parent.right
113         anchors.rightMargin: UI.BUTTON_LABEL_MARGIN
114
115         horizontalAlignment: icon.visible ? Text.AlignLeft : button.platformStyle.horizontalAlignment
116         elide: Text.ElideRight
117
118         font.family: button.platformStyle.fontFamily
119         font.weight: checked ? button.platformStyle.checkedFontWeight : button.platformStyle.fontWeight
120         font.pixelSize: button.platformStyle.fontPixelSize
121         font.capitalization: button.platformStyle.fontCapitalization
122         color: !enabled ? button.platformStyle.disabledTextColor :
123                pressed ? button.platformStyle.pressedTextColor :
124                checked ? button.platformStyle.checkedTextColor :
125                          button.platformStyle.textColor;
126         text: ""
127         visible: text != ""
128     }
129
130     MouseArea {
131         id: mouseArea
132         anchors {
133             fill: parent
134             rightMargin: (platformStyle.position != "horizontal-center"
135                             && platformStyle.position != "horizontal-left") ? platformStyle.mouseMarginRight : 0
136             leftMargin: (platformStyle.position != "horizontal-center"
137                             && platformStyle.position != "horizontal-right") ? platformStyle.mouseMarginLeft : 0
138             topMargin: (platformStyle.position != "vertical-center"
139                             && platformStyle.position != "vertical-bottom") ? platformStyle.mouseMarginTop : 0
140             bottomMargin: (platformStyle.position != "vertical-center"
141                             && platformStyle.position != "vertical-top") ? platformStyle.mouseMarginBottom : 0
142         }
143         onClicked: if (button.checkable) button.checked = !button.checked
144     }
145     Component.onCompleted: mouseArea.clicked.connect(clicked)
146 }