mirror of
https://invent.kde.org/marcoa/shift-shell.git
synced 2026-04-26 14:23:09 +00:00
210042a6bf
Move from a C++ library + QML plugin to a QML plugin only for simplicity, since the homescreen switching architecture will be done from Plasma, and so use of the shell library only needs to be from QML.
77 lines
2.5 KiB
QML
77 lines
2.5 KiB
QML
/*
|
|
* SPDX-FileCopyrightText: 2015 Marco Martin <mart@kde.org>
|
|
* SPDX-FileCopyrightText: 2021 Devin Lin <devin@kde.org>
|
|
*
|
|
* SPDX-License-Identifier: GPL-2.0-or-later
|
|
*/
|
|
|
|
import QtQuick 2.12
|
|
import QtQuick.Layouts 1.1
|
|
|
|
import org.kde.plasma.core 2.0 as PlasmaCore
|
|
import org.kde.kquickcontrolsaddons 2.0
|
|
|
|
Item {
|
|
id: button
|
|
width: Math.min(parent.width, parent.height)
|
|
height: width
|
|
|
|
property MouseArea mouseArea
|
|
readonly property bool pressed: mouseArea.pressed && mouseArea.activeButton == button
|
|
property double iconSizeFactor: 1
|
|
property alias iconSource: icon.source
|
|
property alias colorGroup: icon.colorGroup
|
|
|
|
signal clicked()
|
|
|
|
Rectangle {
|
|
id: rect
|
|
radius: height/2
|
|
anchors.fill: parent
|
|
opacity: 0
|
|
color: PlasmaCore.ColorScope.textColor
|
|
|
|
// this way of calculating animations lets the animation fully complete before switching back (tap runs the full animation)
|
|
property bool buttonHeld: button.pressed && button.enabled
|
|
|
|
onButtonHeldChanged: showBackground(buttonHeld)
|
|
Component.onCompleted: showBackground(buttonHeld)
|
|
|
|
function showBackground(show) {
|
|
if (show) {
|
|
if (!opacityAnimator.running && opacityAnimator.to !== 0.1) {
|
|
opacityAnimator.to = 0.1;
|
|
opacityAnimator.start();
|
|
}
|
|
} else {
|
|
if (!opacityAnimator.running && opacityAnimator.to !== 0) {
|
|
opacityAnimator.to = 0;
|
|
opacityAnimator.start();
|
|
}
|
|
}
|
|
}
|
|
NumberAnimation on opacity {
|
|
id: opacityAnimator
|
|
duration: PlasmaCore.Units.shortDuration
|
|
easing.type: Easing.InOutQuad
|
|
onFinished: {
|
|
// animate the state back
|
|
if (rect.buttonHeld && opacityAnimator.to === 0) {
|
|
rect.showBackground(true);
|
|
} else if (!rect.buttonHeld && opacityAnimator.to === 0.1) {
|
|
rect.showBackground(false);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
PlasmaCore.IconItem {
|
|
id: icon
|
|
readonly property real side: Math.min(button.width, button.height)
|
|
anchors {
|
|
fill: parent
|
|
margins: Math.round((side - side * iconSizeFactor * 0.6) / 2)
|
|
}
|
|
colorGroup: PlasmaCore.ColorScope.colorGroup
|
|
//enabled: button.enabled && button.clickable
|
|
}
|
|
}
|