diff options
author | Zeno Albisser <zeno.albisser@nokia.com> | 2010-08-17 07:29:43 -0400 |
---|---|---|
committer | Zeno Albisser <zeno.albisser@nokia.com> | 2010-08-17 07:29:43 -0400 |
commit | b2eff76ed960eb872b272187891f8a5c986bbfc6 (patch) | |
tree | 5cdb39e9502e507da796417521b4e49faee21ef7 | |
parent | 561b74006c1a0e8c1f3faaa357faaf18b335e091 (diff) |
added TapAndHoldWidget.qml
-rw-r--r-- | multilayer-dashboard/TapAndHoldWidget.qml | 181 |
1 files changed, 181 insertions, 0 deletions
diff --git a/multilayer-dashboard/TapAndHoldWidget.qml b/multilayer-dashboard/TapAndHoldWidget.qml new file mode 100644 index 0000000..e140d7a --- /dev/null +++ b/multilayer-dashboard/TapAndHoldWidget.qml @@ -0,0 +1,181 @@ +/**************************************************************************** +** +** Copyright (C) 2010 Nokia Corporation and/or its subsidiary(-ies). +** All rights reserved. +** Contact: Nokia Corporation (qt-info@nokia.com) +** +** This file is part of the QtDeclarative module of the Qt Toolkit. +** +** $QT_BEGIN_LICENSE:BSD$ +** You may use this file under the terms of the BSD license as follows: +** +** "Redistribution and use in source and binary forms, with or without +** modification, are permitted provided that the following conditions are +** met: +** * Redistributions of source code must retain the above copyright +** notice, this list of conditions and the following disclaimer. +** * Redistributions in binary form must reproduce the above copyright +** notice, this list of conditions and the following disclaimer in +** the documentation and/or other materials provided with the +** distribution. +** * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor +** the names of its contributors may be used to endorse or promote +** products derived from this software without specific prior written +** permission. +** +** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS +** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT +** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR +** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT +** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, +** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT +** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, +** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY +** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT +** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE +** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE." +** $QT_END_LICENSE$ +** +****************************************************************************/ + +import Qt 4.7 +import Qt.labs.gestures 1.0 + +Rectangle { + id: button + + property string text : "Press me, Hold me" + property int counter : 0 + property string bgColor: "steelblue" + property bool marked : false + + property bool enabled : state != "disabled" + + width: 300 + height: 80 + radius: 10 + + Rectangle { + id: background + anchors.fill: parent + radius: 10 + opacity: 0.3 + color: parent.bgColor + } + + Rectangle { + id: mark + x: 10 + y: 5 + width: 0 + height: 0 + radius: 30 + color: "black" + opacity: 1.0 + smooth: true + } + + function toggleMark() { + button.marked = !button.marked + if (button.marked) { + mark.width = 30 + mark.height = 30 + } else { + mark.width = 0 + mark.height = 0 + } + } + + function increaseCounter() { + counter = counter + 1 + } + + Text { + id: labelText + text: parent.text + (counter ? " "+counter : "") + anchors.centerIn: parent + } + + Rectangle { + id: stroke + + x: parent.width * 0.3 / 2 + anchors.verticalCenter: parent.verticalCenter + width: 0 + height : 10 + + color: "red" + opacity: 1.0 + } + + + states: [ + State { + name: "" + PropertyChanges { target: background; opacity: 0.3 } + PropertyChanges { target: labelText; opacity: 1.0 } + PropertyChanges { target: stroke; width: 0 } + }, + State { + name: "pressed" + PropertyChanges { target: background; opacity: 1.0 } + }, + State { + name: "disabled" + PropertyChanges { target: background; opacity: 0.3 } + PropertyChanges { target: mark; opacity: 0.3 } + PropertyChanges { target: labelText; opacity: 0.3 } + PropertyChanges { target: stroke; width: stroke.parent.width * 0.7 } + } + ] + transitions: [ + Transition { + from: "*" + to: "disabled" + PropertyAnimation { target: stroke; duration: 1000; property: "width" } + }, + Transition { + from: "disabled" + to: "" + PropertyAnimation { target: stroke; duration: 1000; property: "width" } + } + ] + + property bool handled: false + + function isHorizontalSwipe(angle) { + if (angle > 150 && angle < 210) + return true; + if (angle > 330 || angle < 30) + return true; + return false; + } + + GestureArea { + anchors.fill: parent + + Tap { + when: button.enabled + onStarted: { button.state = "pressed" } + onCanceled: { + if (!button.handled) { + button.state = ""; + } + } + onFinished: { + if (!button.handled) { + button.state = ""; + button.increaseCounter(); + } + button.handled = false; + } + } + + TapAndHold { + when: button.enabled + onFinished: { console.log("tap-and-hold"); button.toggleMark() } + } + } +} + + |