components/private/ButtonShadow.qml

0001 /*
0002     SPDX-FileCopyrightText: 2011 Daker Fernandes Pinheiro <dakerfp@gmail.com>
0003     SPDX-FileCopyrightText: 2011 Marco Martin <mart@kde.org>
0004
0005     SPDX-License-Identifier: LGPL-2.0-or-later
0006 */
0007
0008 /**Documented API
0009 Inherits:
0010         Item
0011 Imports:
0012         QtQuick 2.1
0013         org.kde.plasma.core
0014 Description:
0015 TODO i need more info here
0016 Properties:
0017 **/
0018
0019 import QtQuick 2.1
0020 import org.kde.plasma.core 2.0 as PlasmaCore
0021
0022 Item {
0023     id: main
0024     state: parent.state
0025     //used to tell apart this implementation with the touch components one
0026     property bool hasOverState: true
0027     property alias enabledBorders: shadow.enabledBorders
0028
0029     PlasmaCore.FrameSvgItem {
0030         id: hover
0031
0032         anchors {
0033             fill: parent
0034             leftMargin: -margins.left
0035             topMargin: -margins.top
0036             rightMargin: -margins.right
0037             bottomMargin: -margins.bottom
0038         }
0039         opacity: 0
0040         imagePath: "widgets/button"
0041         prefix: "hover"
0042     }
0043
0044     PlasmaCore.FrameSvgItem {
0045         id: shadow
0046
0047         anchors {
0048             fill: parent
0049             leftMargin: -margins.left
0050             topMargin: -margins.top
0051             rightMargin: -margins.right
0052             bottomMargin: -margins.bottom
0053         }
0054         imagePath: "widgets/button"
0055         prefix: "shadow"
0056     }
0057
0058     states: [
0059         State {
0060             name: "shadow"
0061             PropertyChanges {
0062                 target: shadow
0063                 opacity: 1
0064             }
0065             PropertyChanges {
0066                 target: hover
0067                 opacity: 0
0068                 prefix: "hover"
0069             }
0070         },
0071         State {
0072             name: "hover"
0073             PropertyChanges {
0074                 target: shadow
0075                 opacity: 0
0076             }
0077             PropertyChanges {
0078                 target: hover
0079                 opacity: 1
0080                 prefix: "hover"
0081             }
0082         },
0083         State {
0084             name: "focus"
0085             PropertyChanges {
0086                 target: shadow
0087                 opacity: 0
0088             }
0089             PropertyChanges {
0090                 target: hover
0091                 opacity: 1
0092                 prefix: "focus"
0093             }
0094         },
0095         State {
0096             name: "hidden"
0097             PropertyChanges {
0098                 target: shadow
0099                 opacity: 0
0100             }
0101             PropertyChanges {
0102                 target: hover
0103                 opacity: 0
0104                 prefix: "hover"
0105             }
0106         }
0107     ]
0108
0109     transitions: [
0110         Transition {
0111             PropertyAnimation {
0112                 properties: "opacity"
0113                 duration: units.longDuration
0114                 easing.type: Easing.OutQuad
0115             }
0116         }
0117     ]
0118 }