brl/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

shellDBus: Add ScreenTransition()

Browse Source 
Settings will use this when switching between light and dark styles.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2070>
This commit is contained in:
Alexander Mikhaylenko
2021-09-23 12:45:14 +05:00
parent 03e307f328
commit de485c8f47
4 changed files with 70 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
js/ui/layout.js
View File

@ -18,6 +18,9 @@ var BACKGROUND_FADE_ANIMATION_TIME = 1000;
var HOT_CORNER_PRESSURE_THRESHOLD = 100; // pixels
var HOT_CORNER_PRESSURE_TIMEOUT = 1000; // ms
const SCREEN_TRANSITION_DELAY = 250; // ms
const SCREEN_TRANSITION_DURATION = 500; // ms
function isPopupMetaWindow(actor) {
switch (actor.meta_window.get_window_type()) {
case Meta.WindowType.DROPDOWN_MENU:
@ -298,6 +301,13 @@ var LayoutManager = GObject.registerClass({
monitorManager.connect('monitors-changed',
this._monitorsChanged.bind(this));
this._monitorsChanged();
this.screenTransition = new ScreenTransition();
this.uiGroup.add_child(this.screenTransition);
this.screenTransition.add_constraint(new Clutter.BindConstraint({
source: this.uiGroup,
coordinate: Clutter.BindCoordinate.ALL,
}));
}
// This is called by Main after everything else is constructed
@ -309,6 +319,7 @@ var LayoutManager = GObject.registerClass({
showOverview() {
this.overviewGroup.show();
this.screenTransition.hide();
this._inOverview = true;
this._updateVisibility();
@ -316,6 +327,7 @@ var LayoutManager = GObject.registerClass({
hideOverview() {
this.overviewGroup.hide();
this.screenTransition.hide();
this._inOverview = false;
this._updateVisibility();
@ -1369,3 +1381,42 @@ var PressureBarrier = class PressureBarrier {
}
};
Signals.addSignalMethods(PressureBarrier.prototype);
var ScreenTransition = GObject.registerClass(
class ScreenTransition extends Clutter.Actor {
_init() {
super._init({ visible: false });
}
vfunc_hide() {
this.content = null;
super.vfunc_hide();
}
run() {
if (this.visible)
return;
Main.uiGroup.set_child_above_sibling(this, null);
const rect = new imports.gi.cairo.RectangleInt({
x: 0,
y: 0,
width: global.screen_width,
height: global.screen_height,
});
const [, , , scale] = global.stage.get_capture_final_size(rect);
this.content = global.stage.paint_to_content(rect, scale, Clutter.PaintFlag.NO_CURSORS);
this.opacity = 255;
this.show();
this.ease({
opacity: 0,
duration: SCREEN_TRANSITION_DURATION,
delay: SCREEN_TRANSITION_DELAY,
mode: Clutter.AnimationMode.EASE_OUT_QUAD,
onStopped: () => this.hide(),
});
}
});