mirror of
https://invent.kde.org/marcoa/shift-shell.git
synced 2026-04-26 14:23:09 +00:00
42cccf8e7f
Part of https://invent.kde.org/plasma/plasma-workspace/-/issues/82 PlasmaCore.IconItem will be removed; now only the kirigami icon should be used.
74 lines
2.3 KiB
QML
74 lines
2.3 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
|
|
import QtQuick.Layouts
|
|
import QtQuick.Controls as Controls
|
|
|
|
import org.kde.plasma.core 2.0 as PlasmaCore
|
|
import org.kde.kirigami 2.20 as Kirigami
|
|
import org.kde.kquickcontrolsaddons 2.0
|
|
|
|
Controls.AbstractButton {
|
|
id: button
|
|
width: Math.min(parent.width, parent.height)
|
|
height: width
|
|
|
|
property double iconSizeFactor: 1
|
|
property alias iconSource: icon.source
|
|
property alias colorGroup: icon.colorGroup
|
|
|
|
Rectangle {
|
|
id: rect
|
|
radius: height/2
|
|
anchors.fill: parent
|
|
opacity: 0
|
|
color: Kirigami.Theme.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: Kirigami.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);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Kirigami.Icon {
|
|
id: icon
|
|
readonly property real side: Math.min(button.width, button.height)
|
|
anchors {
|
|
fill: parent
|
|
margins: Math.round((side - side * iconSizeFactor * 0.6) / 2)
|
|
}
|
|
}
|
|
}
|