mirror of
https://github.com/elementary/gala.git
synced 2024-12-23 17:23:01 +03:00
ShadowEffect: Dont use Gtk to draw shadows (#1867)
Co-authored-by: Danielle Foré <danielle@elementary.io>
This commit is contained in:
parent
fc3c22f9ca
commit
f9e9eed71d
@ -1,67 +0,0 @@
|
|||||||
/*
|
|
||||||
* Copyright 2014 Gala Developers
|
|
||||||
* Copyright 2022-2023 elementary, Inc. (https://elementary.io)
|
|
||||||
*
|
|
||||||
* 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 3 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/>.
|
|
||||||
*
|
|
||||||
* Authored by: Tom Beckmann
|
|
||||||
*/
|
|
||||||
|
|
||||||
.decoration {
|
|
||||||
border-radius: 4px 4px 0 0;
|
|
||||||
box-shadow:
|
|
||||||
0 0 0 1px alpha(#000, 0.3),
|
|
||||||
0 14px 20px rgba(0, 0, 0, 0.35),
|
|
||||||
0 10px 10px rgba(0, 0, 0, 0.22);
|
|
||||||
}
|
|
||||||
|
|
||||||
.window-clone.decoration {
|
|
||||||
border-radius: 0;
|
|
||||||
box-shadow:
|
|
||||||
0 0 0 1px alpha(#000, 0.3),
|
|
||||||
0 14px 20px rgba(0, 0, 0, 0.35),
|
|
||||||
0 10px 10px rgba(0, 0, 0, 0.22);
|
|
||||||
}
|
|
||||||
|
|
||||||
.workspace.decoration {
|
|
||||||
border-radius: 6px;
|
|
||||||
box-shadow:
|
|
||||||
0 0 0 1px alpha(#000, 0.2),
|
|
||||||
0 8px 10px 1px alpha(#000, 0.14),
|
|
||||||
0 3px 14px 2px alpha(#000, 0.12),
|
|
||||||
0 5px 5px -3px alpha(#000, 0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.window-switcher.decoration {
|
|
||||||
border-radius: 9px;
|
|
||||||
box-shadow:
|
|
||||||
0 8px 10px 1px alpha(#000, 0.14),
|
|
||||||
0 3px 14px 2px alpha(#000, 0.12),
|
|
||||||
0 5px 5px -3px alpha(#000, 0.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.workspace-switcher.decoration {
|
|
||||||
border-radius: 6px;
|
|
||||||
box-shadow:
|
|
||||||
0 3px 4px alpha(#000, 0.25),
|
|
||||||
0 3px 3px -3px alpha(#000, 0.45);
|
|
||||||
}
|
|
||||||
|
|
||||||
.workspace-switcher-dnd.decoration {
|
|
||||||
border-radius: 6px;
|
|
||||||
box-shadow:
|
|
||||||
0 8px 10px 1px alpha(#000, 0.14),
|
|
||||||
0 3px 14px 2px alpha(#000, 0.12),
|
|
||||||
0 5px 5px -3px alpha(#000, 0.4);
|
|
||||||
}
|
|
@ -21,7 +21,6 @@
|
|||||||
<file alias="buttons/resize.svg" compressed="true" preprocess="xml-stripblanks">resize.svg</file>
|
<file alias="buttons/resize.svg" compressed="true" preprocess="xml-stripblanks">resize.svg</file>
|
||||||
</gresource>
|
</gresource>
|
||||||
<gresource prefix="/io/elementary/desktop/gala">
|
<gresource prefix="/io/elementary/desktop/gala">
|
||||||
<file compressed="true">gala.css</file>
|
|
||||||
<file compressed="true">shaders/colorblindness-correction.vert</file>
|
<file compressed="true">shaders/colorblindness-correction.vert</file>
|
||||||
<file compressed="true">shaders/monochrome.vert</file>
|
<file compressed="true">shaders/monochrome.vert</file>
|
||||||
</gresource>
|
</gresource>
|
||||||
|
@ -20,34 +20,43 @@ public class Gala.ShadowEffect : Clutter.Effect {
|
|||||||
private static Gee.HashMap<string,Shadow> shadow_cache;
|
private static Gee.HashMap<string,Shadow> shadow_cache;
|
||||||
// Delay the style context creation at render stage as Gtk need to access
|
// Delay the style context creation at render stage as Gtk need to access
|
||||||
// the current display.
|
// the current display.
|
||||||
private static GLib.Once<Gtk.StyleContext> _style_context;
|
|
||||||
|
|
||||||
static construct {
|
static construct {
|
||||||
shadow_cache = new Gee.HashMap<string,Shadow> ();
|
shadow_cache = new Gee.HashMap<string,Shadow> ();
|
||||||
}
|
}
|
||||||
|
|
||||||
private static Gtk.StyleContext create_style_context () {
|
private string _css_class;
|
||||||
var style_path = new Gtk.WidgetPath ();
|
public string css_class {
|
||||||
style_path.append_type (typeof (Gtk.Window));
|
get {
|
||||||
|
return _css_class;
|
||||||
var style_context = new Gtk.StyleContext ();
|
|
||||||
style_context.add_provider (Gala.Utils.get_gala_css (), Gtk.STYLE_PROVIDER_PRIORITY_FALLBACK);
|
|
||||||
style_context.add_class ("decoration");
|
|
||||||
style_context.set_path (style_path);
|
|
||||||
return style_context;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
public int shadow_size { get; construct; }
|
construct set {
|
||||||
|
_css_class = value;
|
||||||
|
switch (value) {
|
||||||
|
case "workspace-switcher":
|
||||||
|
shadow_size = 6;
|
||||||
|
break;
|
||||||
|
case "window":
|
||||||
|
shadow_size = 55;
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
shadow_size = 18;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
public float scale_factor { get; set; default = 1; }
|
public float scale_factor { get; set; default = 1; }
|
||||||
public uint8 shadow_opacity { get; set; default = 255; }
|
public uint8 shadow_opacity { get; set; default = 255; }
|
||||||
public string? css_class { get; set; default = null; }
|
public int border_radius { get; set; default = 9;}
|
||||||
|
|
||||||
|
private int shadow_size;
|
||||||
private Cogl.Pipeline pipeline;
|
private Cogl.Pipeline pipeline;
|
||||||
private string? current_key = null;
|
private string? current_key = null;
|
||||||
|
|
||||||
public ShadowEffect (int shadow_size) {
|
public ShadowEffect (string css_class = "") {
|
||||||
Object (shadow_size: shadow_size);
|
Object (css_class: css_class);
|
||||||
}
|
}
|
||||||
|
|
||||||
construct {
|
construct {
|
||||||
@ -60,7 +69,7 @@ public class Gala.ShadowEffect : Clutter.Effect {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
private Cogl.Texture? get_shadow (Cogl.Context context, int width, int height, int shadow_size) {
|
private Cogl.Texture? get_shadow (Cogl.Context context, int width, int height, int shadow_size, int shadow_spread = 0) {
|
||||||
var old_key = current_key;
|
var old_key = current_key;
|
||||||
current_key = "%ix%i:%i".printf (width, height, shadow_size);
|
current_key = "%ix%i:%i".printf (width, height, shadow_size);
|
||||||
if (old_key == current_key) {
|
if (old_key == current_key) {
|
||||||
@ -77,26 +86,25 @@ public class Gala.ShadowEffect : Clutter.Effect {
|
|||||||
return shadow.texture;
|
return shadow.texture;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// fill a new texture for this size
|
||||||
|
var buffer = new Drawing.BufferSurface (width, height);
|
||||||
|
Drawing.Utilities.cairo_rounded_rectangle (
|
||||||
|
buffer.context,
|
||||||
|
shadow_size - shadow_spread,
|
||||||
|
shadow_size - shadow_spread,
|
||||||
|
width - shadow_size * 2 + shadow_spread * 2,
|
||||||
|
height - shadow_size * 2 + shadow_spread * 2,
|
||||||
|
border_radius
|
||||||
|
);
|
||||||
|
|
||||||
|
buffer.context.set_source_rgba (0, 0, 0, 0.7);
|
||||||
|
buffer.context.fill ();
|
||||||
|
|
||||||
|
buffer.exponential_blur (shadow_size / 2);
|
||||||
|
|
||||||
var surface = new Cairo.ImageSurface (Cairo.Format.ARGB32, width, height);
|
var surface = new Cairo.ImageSurface (Cairo.Format.ARGB32, width, height);
|
||||||
var cr = new Cairo.Context (surface);
|
var cr = new Cairo.Context (surface);
|
||||||
cr.set_source_rgba (0, 0, 0, 0);
|
cr.set_source_surface (buffer.surface, 0, 0);
|
||||||
cr.fill ();
|
|
||||||
|
|
||||||
cr.set_operator (Cairo.Operator.OVER);
|
|
||||||
cr.save ();
|
|
||||||
cr.scale (scale_factor, scale_factor);
|
|
||||||
unowned var style_context = _style_context.once (create_style_context);
|
|
||||||
style_context.save ();
|
|
||||||
if (css_class != null) {
|
|
||||||
style_context.add_class (css_class);
|
|
||||||
}
|
|
||||||
|
|
||||||
style_context.set_scale ((int) Math.round (scale_factor));
|
|
||||||
var size = shadow_size * scale_factor;
|
|
||||||
style_context.render_background (cr, shadow_size, shadow_size, (width - size * 2) / scale_factor, (height - size * 2) / scale_factor);
|
|
||||||
style_context.restore ();
|
|
||||||
cr.restore ();
|
|
||||||
|
|
||||||
cr.paint ();
|
cr.paint ();
|
||||||
|
|
||||||
try {
|
try {
|
||||||
@ -139,7 +147,7 @@ public class Gala.ShadowEffect : Clutter.Effect {
|
|||||||
|
|
||||||
pipeline.set_color (alpha);
|
pipeline.set_color (alpha);
|
||||||
|
|
||||||
context.get_framebuffer ().draw_rectangle (pipeline, bounding_box.x1, bounding_box.y1, bounding_box.x2, bounding_box.y2);
|
context.get_framebuffer ().draw_rectangle (pipeline, bounding_box.x1, bounding_box.y1 + shadow_size / 4, bounding_box.x2, bounding_box.y2 + shadow_size / 4);
|
||||||
|
|
||||||
actor.continue_paint (context);
|
actor.continue_paint (context);
|
||||||
}
|
}
|
||||||
|
@ -86,7 +86,7 @@ public class Gala.Plugins.PIP.PopupWindow : Clutter.Actor {
|
|||||||
container = new Clutter.Actor ();
|
container = new Clutter.Actor ();
|
||||||
container.reactive = true;
|
container.reactive = true;
|
||||||
container.set_scale (0.35f, 0.35f);
|
container.set_scale (0.35f, 0.35f);
|
||||||
container.add_effect (new ShadowEffect (55) { css_class = "window-clone" });
|
container.add_effect (new ShadowEffect ("window") { border_radius = 6});
|
||||||
container.add_child (clone);
|
container.add_child (clone);
|
||||||
container.add_action (move_action);
|
container.add_action (move_action);
|
||||||
|
|
||||||
|
@ -232,7 +232,8 @@ namespace Gala {
|
|||||||
InternalUtils.scale_to_int (5, scale_factor)
|
InternalUtils.scale_to_int (5, scale_factor)
|
||||||
);
|
);
|
||||||
|
|
||||||
var shadow_effect = new ShadowEffect (40) {
|
var shadow_effect = new ShadowEffect () {
|
||||||
|
border_radius = InternalUtils.scale_to_int (5, scale_factor),
|
||||||
scale_factor = scale_factor
|
scale_factor = scale_factor
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -235,7 +235,7 @@ public class Gala.WindowClone : Clutter.Actor {
|
|||||||
|
|
||||||
if (window.fullscreen || window.maximized_horizontally && window.maximized_vertically) {
|
if (window.fullscreen || window.maximized_horizontally && window.maximized_vertically) {
|
||||||
if (shadow_effect == null) {
|
if (shadow_effect == null) {
|
||||||
shadow_effect = new ShadowEffect (55) { css_class = "window-clone" };
|
shadow_effect = new ShadowEffect ("window");
|
||||||
shadow_opacity = 0;
|
shadow_opacity = 0;
|
||||||
clone.add_effect_with_name ("shadow", shadow_effect);
|
clone.add_effect_with_name ("shadow", shadow_effect);
|
||||||
}
|
}
|
||||||
|
@ -84,9 +84,9 @@ public class Gala.WindowSwitcher : CanvasActor {
|
|||||||
orientation = VERTICAL
|
orientation = VERTICAL
|
||||||
};
|
};
|
||||||
|
|
||||||
shadow_effect = new ShadowEffect (40) {
|
shadow_effect = new ShadowEffect ("window-switcher") {
|
||||||
shadow_opacity = 200,
|
border_radius = InternalUtils.scale_to_int (9, scaling_factor),
|
||||||
css_class = "window-switcher"
|
shadow_opacity = 100
|
||||||
};
|
};
|
||||||
add_effect (shadow_effect);
|
add_effect (shadow_effect);
|
||||||
|
|
||||||
|
@ -40,9 +40,7 @@ namespace Gala {
|
|||||||
var primary = wm.get_display ().get_primary_monitor ();
|
var primary = wm.get_display ().get_primary_monitor ();
|
||||||
var monitor_geom = wm.get_display ().get_monitor_geometry (primary);
|
var monitor_geom = wm.get_display ().get_monitor_geometry (primary);
|
||||||
|
|
||||||
var effect = new ShadowEffect (40) {
|
var effect = new ShadowEffect ("workspace");
|
||||||
css_class = "workspace"
|
|
||||||
};
|
|
||||||
add_effect (effect);
|
add_effect (effect);
|
||||||
|
|
||||||
reactive = true;
|
reactive = true;
|
||||||
|
@ -1923,12 +1923,12 @@ namespace Gala {
|
|||||||
((BackgroundContainer) background_group).set_black_background (false);
|
((BackgroundContainer) background_group).set_black_background (false);
|
||||||
wallpaper = new Clutter.Clone (background_group);
|
wallpaper = new Clutter.Clone (background_group);
|
||||||
}
|
}
|
||||||
wallpaper.add_effect (new Gala.ShadowEffect (40) { css_class = "workspace" });
|
wallpaper.add_effect (new Gala.ShadowEffect ("workspace"));
|
||||||
tmp_actors.prepend (wallpaper);
|
tmp_actors.prepend (wallpaper);
|
||||||
|
|
||||||
if (workspace_to != null) {
|
if (workspace_to != null) {
|
||||||
wallpaper_clone = new Clutter.Clone (wallpaper);
|
wallpaper_clone = new Clutter.Clone (wallpaper);
|
||||||
wallpaper_clone.add_effect (new Gala.ShadowEffect (40) { css_class = "workspace" });
|
wallpaper_clone.add_effect (new Gala.ShadowEffect ("workspace"));
|
||||||
tmp_actors.prepend (wallpaper_clone);
|
tmp_actors.prepend (wallpaper_clone);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user