862bf0f153
Summary: Now, when the scripting effects API has all required ingredients to port the Scale effect to JavaScript we finally can do it. The main rationale for porting this effect to JavaScript is that scripted effects API lets us focus more on what we want instead of "how". Visually, the ported version doesn't deviate from the C++ version. Test Plan: * Enable the Scale effect; * Open/close a window. Reviewers: #kwin, graesslin Reviewed By: #kwin, graesslin Subscribers: graesslin, kwin Tags: #kwin Differential Revision: https://phabricator.kde.org/D16478
181 lines
6.4 KiB
JavaScript
181 lines
6.4 KiB
JavaScript
/********************************************************************
|
|
KWin - the KDE window manager
|
|
This file is part of the KDE project.
|
|
|
|
Copyright (C) 2018 Vlad Zagorodniy <vladzzag@gmail.com>
|
|
|
|
This program is free software; you can redistribute it and/or modify
|
|
it under the terms of the GNU General Public License as published by
|
|
the Free Software Foundation; either version 2 of the License, 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 General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*********************************************************************/
|
|
|
|
var blacklist = [
|
|
// The logout screen has to be animated only by the logout effect.
|
|
"ksmserver ksmserver",
|
|
"ksmserver-logout-greeter ksmserver-logout-greeter",
|
|
|
|
// KDE Plasma splash screen has to be animated only by the login effect.
|
|
"ksplashqml ksplashqml",
|
|
"ksplashsimple ksplashsimple",
|
|
"ksplashx ksplashx"
|
|
];
|
|
|
|
var scaleEffect = {
|
|
loadConfig: function (window) {
|
|
"use strict";
|
|
var defaultDuration = 160;
|
|
var duration = effect.readConfig("Duration", defaultDuration) || defaultDuration;
|
|
scaleEffect.duration = animationTime(duration);
|
|
scaleEffect.inScale = effect.readConfig("InScale", 0.96);
|
|
scaleEffect.inOpacity = effect.readConfig("InOpacity", 0.4);
|
|
scaleEffect.outScale = effect.readConfig("OutScale", 0.96);
|
|
scaleEffect.outOpacity = effect.readConfig("OutOpacity", 0.0);
|
|
},
|
|
isScaleWindow: function (window) {
|
|
"use strict";
|
|
// We don't want to animate most of plasmashell's windows, yet, some
|
|
// of them we want to, for example, Task Manager Settings window.
|
|
// The problem is that all those window share single window class.
|
|
// So, the only way to decide whether a window should be animated is
|
|
// to use a heuristic: if a window has decoration, then it's most
|
|
// likely a dialog or a settings window so we have to animate it.
|
|
if (window.windowClass == "plasmashell plasmashell"
|
|
|| window.windowClass == "plasmashell org.kde.plasmashell") {
|
|
return window.hasDecoration;
|
|
}
|
|
|
|
if (blacklist.indexOf(window.windowClass) != -1) {
|
|
return false;
|
|
}
|
|
|
|
if (window.hasDecoration) {
|
|
return true;
|
|
}
|
|
|
|
// Don't animate combobox popups, tooltips, popup menus, etc.
|
|
if (window.popup) {
|
|
return false;
|
|
}
|
|
|
|
// Override-redirect windows are usually used for user interface
|
|
// concepts that are not expected to be animated by this effect.
|
|
if (window.x11Client && !window.managed) {
|
|
return false;
|
|
}
|
|
|
|
return window.normalWindow || window.dialog;
|
|
},
|
|
setupForcedRoles: function (window) {
|
|
"use strict";
|
|
window.setData(Effect.WindowForceBackgroundContrastRole, true);
|
|
window.setData(Effect.WindowForceBlurRole, true);
|
|
},
|
|
cleanupForcedRoles: function (window) {
|
|
"use strict";
|
|
window.setData(Effect.WindowForceBackgroundContrastRole, null);
|
|
window.setData(Effect.WindowForceBlurRole, null);
|
|
},
|
|
slotWindowAdded: function (window) {
|
|
"use strict";
|
|
if (effects.hasActiveFullScreenEffect) {
|
|
return;
|
|
}
|
|
if (!scaleEffect.isScaleWindow(window)) {
|
|
return;
|
|
}
|
|
if (!window.visible) {
|
|
return;
|
|
}
|
|
if (!effect.grab(window, Effect.WindowAddedGrabRole)) {
|
|
return;
|
|
}
|
|
scaleEffect.setupForcedRoles(window);
|
|
window.scaleInAnimation = animate({
|
|
window: window,
|
|
curve: QEasingCurve.InOutSine,
|
|
duration: scaleEffect.duration,
|
|
animations: [
|
|
{
|
|
type: Effect.Scale,
|
|
from: scaleEffect.inScale
|
|
},
|
|
{
|
|
type: Effect.Opacity,
|
|
from: scaleEffect.inOpacity
|
|
}
|
|
]
|
|
});
|
|
},
|
|
slotWindowClosed: function (window) {
|
|
"use strict";
|
|
if (effects.hasActiveFullScreenEffect) {
|
|
return;
|
|
}
|
|
if (!scaleEffect.isScaleWindow(window)) {
|
|
return;
|
|
}
|
|
if (!window.visible) {
|
|
return;
|
|
}
|
|
if (!effect.grab(window, Effect.WindowClosedGrabRole)) {
|
|
return;
|
|
}
|
|
if (window.scaleInAnimation) {
|
|
cancel(window.scaleInAnimation);
|
|
delete window.scaleInAnimation;
|
|
}
|
|
scaleEffect.setupForcedRoles(window);
|
|
window.scaleOutAnimation = animate({
|
|
window: window,
|
|
curve: QEasingCurve.InOutSine,
|
|
duration: scaleEffect.duration,
|
|
animations: [
|
|
{
|
|
type: Effect.Scale,
|
|
to: scaleEffect.outScale
|
|
},
|
|
{
|
|
type: Effect.Opacity,
|
|
to: scaleEffect.outOpacity
|
|
}
|
|
]
|
|
});
|
|
},
|
|
slotWindowDataChanged: function (window, role) {
|
|
"use strict";
|
|
if (role == Effect.WindowAddedGrabRole) {
|
|
if (window.scaleInAnimation && effect.isGrabbed(window, role)) {
|
|
cancel(window.scaleInAnimation);
|
|
delete window.scaleInAnimation;
|
|
scaleEffect.cleanupForcedRoles(window);
|
|
}
|
|
} else if (role == Effect.WindowClosedGrabRole) {
|
|
if (window.scaleOutAnimation && effect.isGrabbed(window, role)) {
|
|
cancel(window.scaleOutAnimation);
|
|
delete window.scaleOutAnimation;
|
|
scaleEffect.cleanupForcedRoles(window);
|
|
}
|
|
}
|
|
},
|
|
init: function () {
|
|
"use strict";
|
|
scaleEffect.loadConfig();
|
|
|
|
effect.configChanged.connect(scaleEffect.loadConfig);
|
|
effect.animationEnded.connect(scaleEffect.cleanupForcedRoles);
|
|
effects.windowAdded.connect(scaleEffect.slotWindowAdded);
|
|
effects.windowClosed.connect(scaleEffect.slotWindowClosed);
|
|
effects.windowDataChanged.connect(scaleEffect.slotWindowDataChanged);
|
|
}
|
|
};
|
|
|
|
scaleEffect.init();
|