morgan/dash-to-panel
1
0
Fork 0
mirror of https://github.com/morgan9e/dash-to-panel synced 2026-04-14 00:04:17 +09:00
Code Issues Packages Projects Releases Wiki Activity

Use Clutter implicit animations if available

Browse Source
This commit is contained in:
Charles Gagnon
2020-04-19 12:13:09 -04:00
parent 55e8dea70a
commit 46b65faf71
6 changed files with 80 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
appIcons.js
View File

@@ -41,7 +41,6 @@ const DND = imports.ui.dnd;
const IconGrid = imports.ui.iconGrid;
const Main = imports.ui.main;
const PopupMenu = imports.ui.popupMenu;
const Tweener = imports.ui.tweener;
const Util = imports.misc.util;
const Workspace = imports.ui.workspace;
@@ -404,6 +403,8 @@ var taskbarAppIcon = Utils.defineClass({
} else {
this._focusedDots = new St.DrawingArea(),
this._unfocusedDots = new St.DrawingArea();
this._focusedDots._tweeningToSize = null,
this._unfocusedDots._tweeningToSize = null;
this._focusedDots.connect('repaint', Lang.bind(this, function() {
if(this._dashItemContainer.animatingOut) {
@@ -709,7 +710,7 @@ var taskbarAppIcon = Utils.defineClass({
tweenOpts[sizeProp] = newSize;
dots._tweeningToSize = newSize;
Tweener.addTween(dots, tweenOpts);
Utils.animate(dots, tweenOpts);
}
},
@@ -1559,19 +1560,17 @@ function ItemShowLabel() {
this.label.set_position(Math.round(x), Math.round(y));
if (Dash.DASH_ITEM_LABEL_SHOW_TIME < 1) {
Tweener.addTween(this.label, {
opacity: 255,
time: Dash.DASH_ITEM_LABEL_SHOW_TIME,
transition: 'easeOutQuad',
});
} else {
this.label.ease({
opacity: 255,
duration: Dash.DASH_ITEM_LABEL_SHOW_TIME,
mode: Clutter.AnimationMode.EASE_OUT_QUAD
});
let duration = Dash.DASH_ITEM_LABEL_SHOW_TIME;
if (duration > 1) {
duration /= 1000;
}
Utils.animate(this.label, {
opacity: 255,
time: duration,
transition: 'easeOutQuad',
});
};
/**

7
intellihide.js
View File

@@ -26,7 +26,6 @@ const Layout = imports.ui.layout;
const Main = imports.ui.main;
const OverviewControls = imports.ui.overviewControls;
const PointerWatcher = imports.ui.pointerWatcher;
const Tweener = imports.ui.tweener;
const Me = imports.misc.extensionUtils.getCurrentExtension();
const Panel = Me.imports.panel;
@@ -357,13 +356,13 @@ var Intellihide = Utils.defineClass({
},
_animatePanel: function(destination, immediate) {
let animating = Tweener.isTweening(this._panelBox);
let animating = Utils.isAnimating(this._panelBox, this._translationProp);
if (!((animating && destination === this._animationDestination) ||
(!animating && destination === this._panelBox[this._translationProp]))) {
//the panel isn't already at, or animating to the asked destination
if (animating) {
Tweener.removeTweens(this._panelBox);
Utils.stopAnimations(this._panelBox);
}
this._animationDestination = destination;
@@ -388,7 +387,7 @@ var Intellihide = Utils.defineClass({
};
tweenOpts[this._translationProp] = destination;
Tweener.addTween(this._panelBox, tweenOpts);
Utils.animate(this._panelBox, tweenOpts);
}
}

4
panel.js
View File

@@ -52,7 +52,6 @@ const PopupMenu = imports.ui.popupMenu;
const IconGrid = imports.ui.iconGrid;
const ViewSelector = imports.ui.viewSelector;
const DateMenu = imports.ui.dateMenu;
const Tweener = imports.ui.tweener;
const Volume = imports.ui.status.volume;
const Progress = Me.imports.progress;
@@ -74,6 +73,7 @@ const T3 = 'allocationThrottleTimeout';
const T4 = 'showDesktopTimeout';
const T5 = 'trackerFocusAppTimeout';
const T6 = 'scrollPanelDelayTimeout';
const T7 = 'waitPanelBoxAllocation';
function getPosition() {
let position = Me.settings.get_string('panel-position');
@@ -814,7 +814,7 @@ var dtpPanel = Utils.defineClass({
this.panel.actor[(St.Side[p] == this.geom.position ? 'add' : 'remove') + '_style_class_name'](cssName);
});
Utils.setClip(clipContainer, clipContainer.x, clipContainer.y, this.panelBox.width, this.panelBox.height);
this._timeoutsHandler.add([T7, 0, () => Utils.setClip(clipContainer, clipContainer.x, clipContainer.y, this.panelBox.width, this.panelBox.height)]);
Main.layoutManager._updateHotCorners();
Main.layoutManager._updatePanelBarrier(this);

3
taskbar.js
View File

@@ -41,7 +41,6 @@ const DND = imports.ui.dnd;
const IconGrid = imports.ui.iconGrid;
const Main = imports.ui.main;
const PopupMenu = imports.ui.popupMenu;
const Tweener = imports.ui.tweener;
const Workspace = imports.ui.workspace;
const Me = imports.misc.extensionUtils.getCurrentExtension();
@@ -737,7 +736,7 @@ var taskbar = Utils.defineClass({
// tween to the new size
icon.icon.set_size(icon.icon.width * scale, icon.icon.height * scale);
Tweener.addTween(icon.icon,
Utils.animate(icon.icon,
{ width: targetWidth,
height: targetHeight,
time: DASH_ANIMATION_TIME,

55
utils.js
View File

@@ -34,12 +34,17 @@ const St = imports.gi.St;
const Mainloop = imports.mainloop;
const Main = imports.ui.main;
const MessageTray = imports.ui.messageTray;
const Tweener = imports.ui.tweener;
const Util = imports.misc.util;
var TRANSLATION_DOMAIN = imports.misc.extensionUtils.getCurrentExtension().metadata['gettext-domain'];
var SCROLL_TIME = Util.SCROLL_TIME / (Util.SCROLL_TIME > 1 ? 1000 : 1);
//Clutter implicit animations are available since 3.34
//prefer those over Tweener if available
if (Config.PACKAGE_VERSION < '3.34') {
var Tweener = imports.ui.tweener;
}
var defineClass = function (classDef) {
let parentProto = classDef.Extends ? classDef.Extends.prototype : null;
@@ -442,9 +447,51 @@ var animateWindowOpacity = function(window, tweenOpts) {
return window.visible = (tweenOpts.opacity == 255);
}
Tweener.addTween(window, tweenOpts);
animate(window, tweenOpts);
};
var animate = function(actor, options) {
if (Tweener) {
return Tweener.addTween(actor, options);
}
//to support both Tweener and Clutter animations, we use Tweener
//"time" property defined in seconds, as opposed to Clutter animations
//"duration" which is defined in milliseconds
options.duration = options.time * 1000;
delete options.time;
if (options.transition) {
//map Tweener easing equations to Clutter animation modes
options.mode = {
'easeInCubic': Clutter.AnimationMode.EASE_IN_CUBIC,
'easeInOutCubic': Clutter.AnimationMode.EASE_IN_OUT_CUBIC,
'easeInOutQuad': Clutter.AnimationMode.EASE_IN_OUT_QUAD,
'easeOutQuad': Clutter.AnimationMode.EASE_OUT_QUAD
}[options.transition] || Clutter.AnimationMode.LINEAR;
delete options.transition;
}
actor.ease(options);
}
var isAnimating = function(actor, prop) {
if (Tweener) {
return Tweener.isTweening(actor);
}
return !!actor.get_transition(prop);
}
var stopAnimations = function(actor) {
if (Tweener) {
return Tweener.removeTweens(actor);
}
actor.remove_all_transitions();
}
var getIndicators = function(delegate) {
if (delegate instanceof St.BoxLayout) {
return delegate;
@@ -544,11 +591,11 @@ var ensureActorVisibleInScrollView = function(scrollView, actor, fadeSize, onCom
};
if (vvalue !== vvalue0) {
Tweener.addTween(vadjustment, mergeObjects(tweenOpts, { value: vvalue }));
animate(vadjustment, mergeObjects(tweenOpts, { value: vvalue }));
}
if (hvalue !== hvalue0) {
Tweener.addTween(hadjustment, mergeObjects(tweenOpts, { value: hvalue }));
animate(hadjustment, mergeObjects(tweenOpts, { value: hvalue }));
}
return [hvalue- hvalue0, vvalue - vvalue0];

21
windowPreview.js
View File

@@ -26,7 +26,6 @@ const PopupMenu = imports.ui.popupMenu;
const Signals = imports.signals;
const Shell = imports.gi.Shell;
const St = imports.gi.St;
const Tweener = imports.ui.tweener;
const WindowManager = imports.ui.windowManager;
const Workspace = imports.ui.workspace;
@@ -208,7 +207,7 @@ var PreviewMenu = Utils.defineClass({
this._endPeek();
if (immediate) {
Tweener.removeTweens(this.menu);
Utils.stopAnimations(this.menu);
this._resetHiddenState();
} else {
this._animateOpenOrClose(false, () => this._resetHiddenState());
@@ -484,7 +483,7 @@ var PreviewMenu = Utils.defineClass({
this.menu.set_position(x, y);
this.menu.set_size(previewsWidth, previewsHeight);
} else {
Tweener.addTween(this.menu, getTweenOpts({ x: x, y: y, width: previewsWidth, height: previewsHeight }));
Utils.animate(this.menu, getTweenOpts({ x: x, y: y, width: previewsWidth, height: previewsHeight }));
}
},
@@ -579,7 +578,7 @@ var PreviewMenu = Utils.defineClass({
tweenOpts[this._translationProp] = show ? this._translationDirection : this._translationOffset;
Tweener.addTween(this.menu, getTweenOpts(tweenOpts));
Utils.animate(this.menu, getTweenOpts(tweenOpts));
},
_peek: function(window) {
@@ -816,8 +815,8 @@ var Preview = Utils.defineClass({
this.animatingOut = true;
Tweener.removeTweens(this);
Tweener.addTween(this, tweenOpts);
Utils.stopAnimations(this);
Utils.animate(this, tweenOpts);
}
},
@@ -825,8 +824,8 @@ var Preview = Utils.defineClass({
if (this.animatingOut) {
this.animatingOut = false;
Tweener.removeTweens(this);
Tweener.addTween(this, getTweenOpts({ opacity: 255 }));
Utils.stopAnimations(this);
Utils.animate(this, getTweenOpts({ opacity: 255 }));
}
},
@@ -965,7 +964,7 @@ var Preview = Utils.defineClass({
_hideOrShowCloseButton: function(hide) {
if (this._needsCloseButton) {
Tweener.addTween(this._closeButtonBin, getTweenOpts({ opacity: hide ? 0 : 255 }));
Utils.animate(this._closeButtonBin, getTweenOpts({ opacity: hide ? 0 : 255 }));
}
},
@@ -1009,7 +1008,7 @@ var Preview = Utils.defineClass({
}
currentClones.forEach(c => c.destroy());
Tweener.addTween(currentCloneBin, currentCloneOpts);
Utils.animate(currentCloneBin, currentCloneOpts);
} else if (animateSize) {
newCloneBin.width = 0;
newCloneBin.height = 0;
@@ -1017,7 +1016,7 @@ var Preview = Utils.defineClass({
newCloneOpts.height = this.cloneHeight;
}
Tweener.addTween(newCloneBin, newCloneOpts);
Utils.animate(newCloneBin, newCloneOpts);
},
_getWindowCloneBin: function(window) {