Add Switch component

API and code based on CheckBox

- Misses the Switch resources

declarativeimports/plasmacomponents/Switch.qml

@@ -0,0 +1,131 @@
+/*
+*   Copyright (C) 2011 by Daker Fernandes Pinheiro <dakerfp@gmail.com>
+*
+*   This program is free software; you can redistribute it and/or modify
+*   it under the terms of the GNU Library General Public License as
+*   published by the Free Software Foundation; either version 2, or
+*   (at your option) any later version.
+*
+*   This program is distributed in the hope that it will be useful,
+*   but WITHOUT ANY WARRANTY; without even the implied warranty of
+*   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+*   GNU General Public License for more details
+*
+*   You should have received a copy of the GNU Library General Public
+*   License along with this program; if not, write to the
+*   Free Software Foundation, Inc.,
+*   51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+*/
+
+import QtQuick 1.0
+import org.kde.plasma.core 0.1 as PlasmaCore
+
+Item {
+    id: switchItem
+
+    // Common API
+    property bool checked
+    property alias pressed: mouseArea.pressed
+
+    signal clicked()
+
+    width: surface.width
+    height: surface.height
+
+    function entered() {
+        shadow.opacity = 0;
+        hover.opacity = 1;
+    }
+
+    function released() {
+        switchItem.checked = !switchItem.checked;
+        switchItem.clicked();
+    }
+
+    Keys.onSpacePressed: entered();
+    Keys.onReturnPressed: entered();
+    Keys.onReleased: {
+        if(event.key == Qt.Key_Space ||
+           event.key == Qt.Key_Return)
+            released();
+    }
+
+    PlasmaCore.FrameSvgItem {
+        id: hover
+
+        anchors {
+            fill: surface
+            leftMargin: -margins.left
+            topMargin: -margins.top
+            rightMargin: -margins.right
+            bottomMargin: -margins.bottom
+        }
+        opacity: 0
+        imagePath: "widgets/button"
+        prefix: "hover"
+
+        Behavior on opacity {
+            PropertyAnimation { duration: 250 }
+        }
+    }
+
+    PlasmaCore.FrameSvgItem {
+        id: shadow
+
+        anchors {
+            fill: surface
+            leftMargin: -margins.left
+            topMargin: -margins.top
+            rightMargin: -margins.right
+            bottomMargin: -margins.bottom
+        }
+        imagePath: "widgets/button"
+        prefix: "shadow"
+
+        Behavior on opacity {
+            PropertyAnimation { duration: 250 }
+        }
+    }
+
+    Image {
+        id: surface
+
+        anchors {
+            verticalCenter: parent.verticalCenter
+            horizontalCenter: parent.horizontalCenter
+        }
+
+        // XXX: debug solution until we have the resources
+        // source: checked ? "checked" : "unchecked"
+        width: 32
+        height: 16
+        Rectangle {
+            anchors {
+                top: parent.top
+                bottom: parent.bottom
+            }
+            width: parent.width / 2
+            x: checked ? width : 0
+            Behavior on x {
+                PropertyAnimation { duration: 100 }
+            }
+            color: "green"
+        }
+    }
+
+    MouseArea {
+        id: mouseArea
+
+        anchors.fill: parent
+        hoverEnabled: true
+
+        onReleased: switchItem.released();
+        onEntered: switchItem.entered();
+        onPressed: switchItem.forceActiveFocus();
+        onExited: {
+            shadow.opacity = 1;
+            hover.opacity = 0;
+        }
+    }
+}
+

declarativeimports/plasmacomponents/qmldir

@@ -11,4 +11,5 @@ PushButton 0.1 PushButton.qml
 RadioButton 0.1 RadioButton.qml
 ScrollBar 0.1 ScrollBar.qml
 Slider 0.1 Slider.qml
+Switch 0.1 Switch.qml
 ToolButton 0.1 ToolButton.qml

declarativeimports/test/Gallery.qml

@@ -153,6 +153,8 @@ Rectangle {
                             console.log("RadioButton Unchecked");
                     }
                 }
+
+                PlasmaComponents.Switch { }
             }
             Column {
                 spacing: 20