style the ckeckbox

2014-08-19 18:07:19 +02:00 · 2014-08-19 18:07:19 +02:00 · b3c6c294ee
commit b3c6c294ee
parent 1ab872181b
1 changed files with 27 additions and 2 deletions
--- a/src/declarativeimports/plasmacomponents/qml/styles/CheckBoxStyle.qml
+++ b/src/declarativeimports/plasmacomponents/qml/styles/CheckBoxStyle.qml
@ -33,7 +33,32 @@ QtQuickControlStyle.CheckBoxStyle {
    //Not needed?
    background: Item {}

-    spacing: Math.round(units.mSize(theme.defaultFont).height/4)
+    spacing: units.smallSpacing

-    //indicator:
+    indicator: PlasmaCore.FrameSvgItem {
+        imagePath: "widgets/button"
+        prefix: "normal"
+        width: units.gridUnit
+        height: units.gridUnit
+        opacity: control.enabled ? 1 : 0.6
+
+        PlasmaCore.SvgItem {
+            svg: PlasmaCore.Svg {
+                id: checkmarkSvg
+                imagePath: "widgets/checkmarks"
+            }
+            elementId: "checkbox"
+            opacity: control.checked ? 1 : 0
+            anchors {
+                fill: parent
+                margins: parent.margins.left/2
+            }
+            Behavior on opacity {
+                NumberAnimation {
+                    duration: units.longDuration
+                    easing.type: Easing.InOutQuad
+                }
+            }
+        }
+    }
 }