git.maemo.org Git - mardrone/blob - mardrone/imports/com/nokia/android.1.1/CheckBox.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 Item {
  45     id: root
  46
  47     // Common Public API
  48     property bool checked: false
  49     property bool pressed: stateGroup.state == "Pressed" || stateGroup.state == "KeyPressed"
  50
  51     signal clicked
  52
  53     property alias text: label.text
  54
  55     // Symbian specific API
  56     property bool platformInverted: false
  57
  58     // Performance optimization:
  59     // Use value assignment when property changes instead of binding to js function
  60     onCheckedChanged: { contentIcon.source = internal.iconSource() }
  61     onPressedChanged: { contentIcon.source = internal.iconSource() }
  62     onEnabledChanged: { contentIcon.source = internal.iconSource() }
  63     onPlatformInvertedChanged: { contentIcon.source = internal.iconSource() }
  64
  65     QtObject {
  66         id: internal
  67         objectName: "internal"
  68         property color disabledColor: root.platformInverted ? platformStyle.colorDisabledLightInverted
  69                                                             : platformStyle.colorDisabledLight
  70         property color pressedColor: root.platformInverted ? platformStyle.colorPressedInverted
  71                                                            : platformStyle.colorPressed
  72         property color normalColor: root.platformInverted ? platformStyle.colorNormalLightInverted
  73                                                           : platformStyle.colorNormalLight
  74
  75         function iconSource() {
  76             var id
  77             if (!root.enabled) {
  78                 if (root.checked)
  79                     id = "disabled_selected"
  80                 else
  81                     id = "disabled_unselected"
  82             } else {
  83                 if (root.pressed)
  84                     id = "pressed"
  85                 else if (root.checked)
  86                     id = "normal_selected"
  87                 else
  88                     id = "normal_unselected"
  89             }
  90             return privateStyle.imagePath("qtg_graf_checkbox_" + id, root.platformInverted)
  91         }
  92
  93         function toggle() {
  94             clickedEffect.restart()
  95             root.checked = !root.checked
  96             root.clicked()
  97         }
  98     }
  99
 100     StateGroup {
 101         id: stateGroup
 102
 103         states: [
 104             State { name: "Pressed" },
 105             State { name: "KeyPressed" },
 106             State { name: "Canceled" }
 107         ]
 108
 109         transitions: [
 110             Transition {
 111                 to: "Pressed"
 112                 ScriptAction { script:  privateStyle.play(Android.BasicItem) }
 113             },
 114             Transition {
 115                 from: "Pressed"
 116                 to: ""
 117                 ScriptAction { script: privateStyle.play(Android.CheckBox) }
 118                 ScriptAction { script: internal.toggle() }
 119             },
 120             Transition {
 121                 from: "KeyPressed"
 122                 to: ""
 123                 ScriptAction { script: internal.toggle() }
 124             }
 125
 126         ]
 127     }
 128
 129     implicitWidth: label.text ? privateStyle.buttonSize + platformStyle.paddingMedium + privateStyle.textWidth(label.text, label.font)
 130                               : privateStyle.buttonSize
 131     implicitHeight: privateStyle.buttonSize
 132
 133     Image {
 134         id: contentIcon
 135         source: privateStyle.imagePath("qtg_graf_checkbox_normal_unselected", root.platformInverted);
 136         anchors.left: parent.left
 137         anchors.verticalCenter: parent.verticalCenter
 138         sourceSize.width: privateStyle.buttonSize
 139         sourceSize.height: privateStyle.buttonSize
 140         smooth: true
 141
 142         MouseArea {
 143             id: mouseArea
 144             anchors.fill: parent
 145
 146             onPressed: stateGroup.state = "Pressed"
 147             onReleased: stateGroup.state = ""
 148             onClicked: stateGroup.state = ""
 149             onExited: stateGroup.state = "Canceled"
 150             onCanceled: {
 151                 // Mark as canceled
 152                 stateGroup.state = "Canceled"
 153                 // Reset state. Can't expect a release since mouse was ungrabbed
 154                 stateGroup.state = ""
 155             }
 156         }
 157     }
 158
 159     Text {
 160         id: label
 161         anchors.left: contentIcon.right
 162         anchors.leftMargin: text ? platformStyle.paddingMedium : 0
 163         anchors.right: parent.right
 164         anchors.verticalCenter: parent.verticalCenter
 165         elide: Text.ElideRight
 166         horizontalAlignment: Text.AlignLeft
 167         font { family: platformStyle.fontFamilyRegular; pixelSize: platformStyle.fontSizeMedium }
 168         color: root.enabled ? (root.pressed ? internal.pressedColor : internal.normalColor)
 169                             : internal.disabledColor
 170     }
 171
 172     SequentialAnimation {
 173         id: clickedEffect
 174         PropertyAnimation {
 175             target: contentIcon
 176             property: "scale"
 177             from: 1.0
 178             to: 0.8
 179             easing.type: Easing.Linear
 180             duration: 50
 181         }
 182         PropertyAnimation {
 183             target: contentIcon
 184             property: "scale"
 185             from: 0.8
 186             to: 1.0
 187             easing.type: Easing.OutQuad
 188             duration: 170
 189         }
 190     }
 191
 192     Keys.onPressed: {
 193         if (!event.isAutoRepeat && (event.key == Qt.Key_Select
 194                                     || event.key == Qt.Key_Return
 195                                     || event.key == Qt.Key_Enter)) {
 196             stateGroup.state = "KeyPressed"
 197             event.accepted = true
 198         }
 199     }
 200
 201     Keys.onReleased: {
 202         if (!event.isAutoRepeat && (event.key == Qt.Key_Select
 203                                     || event.key == Qt.Key_Return
 204                                     || event.key == Qt.Key_Enter)) {
 205             stateGroup.state = ""
 206             event.accepted = true
 207         }
 208     }
 209 }