ToolButton

declarativeimports/plasmacomponents/qml/Button.qml

@@ -9,7 +9,7 @@
 *   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
+*   GNU Library 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
@@ -33,8 +33,9 @@ Item {
 
     signal clicked()
 
-    // Plasma API
+    PlasmaCore.Theme {
-    property QtObject theme: PlasmaCore.Theme { }
+        id: theme
+    }
 
     function pressButton() {
         if (button.enabled)

declarativeimports/plasmacomponents/qml/ToolButton.qml

@@ -0,0 +1,179 @@
+/*
+*   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 Library 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: button
+
+    // Commmon API
+    property bool flat: true
+    property bool checked: false
+    property bool checkable: false
+    property alias pressed: mouse.pressed
+    property alias text: label.text
+    property alias iconSource: icon.source
+    property alias font: label.font
+
+    signal clicked()
+
+    PlasmaCore.Theme {
+        id: theme
+    }
+
+    onFlatChanged: {
+        surface.opacity = 1
+    }
+
+    function pressButton() {
+        if (button.enabled)
+            surface.prefix = "pressed";
+    }
+
+    function releaseButton() {
+        if (!button.enabled)
+            return;
+
+        if (button.checkable)
+            button.checked = !button.checked;
+
+        // TODO: "checked" state must have special graphics?
+        if (button.checked)
+            surface.prefix = "pressed";
+        else
+            surface.prefix = "normal";
+
+        button.clicked();
+        button.forceActiveFocus();
+    }
+
+    width: Math.max(50, icon.width + label.paintedWidth + surface.margins.left + surface.margins.right)
+    height: Math.max(20, Math.max(icon.height, label.paintedHeight) + surface.margins.top + surface.margins.bottom)
+    // TODO: needs to define if there will be specific graphics for
+    //     disabled buttons
+    opacity: enabled ? 1.0 : 0.5
+
+    Keys.onSpacePressed: pressButton();
+    Keys.onReturnPressed: pressButton();
+    Keys.onReleased: {
+        if (event.key == Qt.Key_Space ||
+            event.key == Qt.Key_Return)
+            releaseButton();
+    }
+
+    onActiveFocusChanged: {
+        if (activeFocus) {
+            shadow.state = "focus"
+        } else if (checked) {
+            shadow.state = "hidden"
+        } else {
+            shadow.state = "shadow"
+        }
+    }
+
+    ButtonShadow {
+        id: shadow
+        anchors.fill: parent
+        visible: !flat
+    }
+
+    PlasmaCore.FrameSvgItem {
+        id: surface
+
+        anchors.fill: parent
+        imagePath: "widgets/button"
+        prefix: "normal"
+        opacity: 0
+        Behavior on opacity {
+            PropertyAnimation { duration: 250 }
+        }
+    }
+
+    Item {
+        anchors {
+            fill: parent
+            leftMargin: surface.margins.left
+            topMargin: surface.margins.top
+            rightMargin: surface.margins.right
+            bottomMargin: surface.margins.bottom
+        }
+
+        Image {
+            id: icon
+
+            anchors {
+                fill: label.text ? undefined : parent
+                top: label.text ? parent.top : undefined
+                left: label.text ? parent.left : undefined
+                bottom: label.text ? parent.bottom : undefined
+            }
+            fillMode: Image.PreserveAspectFit
+        }
+
+        Text {
+            id: label
+
+            anchors {
+                top: parent.top
+                bottom: parent.bottom
+                left: icon.right
+                right: parent.right
+            }
+            color: theme.buttonTextColor
+            horizontalAlignment: Text.AlignHCenter
+            verticalAlignment: Text.AlignVCenter
+        }
+    }
+
+    MouseArea {
+        id: mouse
+
+        anchors.fill: parent
+        hoverEnabled: true
+
+        onPressed: {
+            pressButton();
+        }
+        onReleased: {
+            releaseButton();
+        }
+        onEntered: {
+            if (flat) {
+                surface.opacity = 1
+            } else {
+                shadow.state = "hover"
+            }
+        }
+        onExited: {
+            if (flat) {
+                surface.opacity = 0
+            } else {
+                if (button.activeFocus) {
+                    shadow.state = "focus"
+                } else if (checked) {
+                    shadow.state = "hidden"
+                } else {
+                    shadow.state = "shadow"
+                }
+            }
+        }
+    }
+}
+

declarativeimports/test/gallery/Gallery.qml

@@ -39,11 +39,11 @@ Rectangle {
         id: toolbarA
         visible: false
         spacing: 5
-        PlasmaComponents.Button {
+        PlasmaComponents.ToolButton {
             text: "Switch toolbar"
             onClicked: toolBar.setTools(toolbarB, "push")
         }
-        PlasmaComponents.Button {
+        PlasmaComponents.ToolButton {
             text: "button on first toolbar"
         }
     }
@@ -51,11 +51,12 @@ Rectangle {
         id: toolbarB
         visible: false
         spacing: 5
-        PlasmaComponents.Button {
+        PlasmaComponents.ToolButton {
             text: "Switch toolbar"
             onClicked: toolBar.setTools(toolbarA, "pop")
         }
-        PlasmaComponents.Button {
+        PlasmaComponents.ToolButton {
+            flat: false
             text: "button on second toolbar"
         }
         PlasmaComponents.TextField {}