2011-12-10 00:14:12 +00:00
|
|
|
|
/* GTK - The GIMP Toolkit
|
|
|
|
|
* Copyright (C) 2010 Carlos Garnacho <carlosg@gnome.org>
|
|
|
|
|
* Copyright (C) 2011 Red Hat, Inc.
|
|
|
|
|
*
|
|
|
|
|
* Authors: Carlos Garnacho <carlosg@gnome.org>
|
|
|
|
|
* Cosimo Cecchi <cosimoc@gnome.org>
|
|
|
|
|
*
|
|
|
|
|
* This library is free software; you can redistribute it and/or
|
|
|
|
|
* modify it under the terms of the GNU Lesser General Public
|
|
|
|
|
* License as published by the Free Software Foundation; either
|
|
|
|
|
* version 2 of the License, or (at your option) any later version.
|
|
|
|
|
*
|
|
|
|
|
* This library 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
|
|
|
|
|
* Lesser General Public License for more details.
|
|
|
|
|
*
|
|
|
|
|
* You should have received a copy of the GNU Lesser General Public
|
2012-02-27 13:01:10 +00:00
|
|
|
|
* License along with this library. If not, see <http://www.gnu.org/licenses/>.
|
2011-12-10 00:14:12 +00:00
|
|
|
|
*/
|
|
|
|
|
|
2012-01-05 15:33:39 +00:00
|
|
|
|
#include "config.h"
|
|
|
|
|
|
2015-01-17 15:55:45 +00:00
|
|
|
|
#include "gtkrenderbackgroundprivate.h"
|
2012-03-29 00:58:32 +00:00
|
|
|
|
|
2012-04-03 09:49:46 +00:00
|
|
|
|
#include "gtkcssarrayvalueprivate.h"
|
2012-04-04 10:39:55 +00:00
|
|
|
|
#include "gtkcssbgsizevalueprivate.h"
|
2016-02-25 14:40:04 +00:00
|
|
|
|
#include "gtkcsscornervalueprivate.h"
|
2012-03-30 00:19:39 +00:00
|
|
|
|
#include "gtkcssenumvalueprivate.h"
|
2012-03-29 00:58:32 +00:00
|
|
|
|
#include "gtkcssimagevalueprivate.h"
|
2015-01-17 04:11:40 +00:00
|
|
|
|
#include "gtkcssnumbervalueprivate.h"
|
2012-04-03 13:15:24 +00:00
|
|
|
|
#include "gtkcssshadowsvalueprivate.h"
|
2012-04-03 20:21:16 +00:00
|
|
|
|
#include "gtkcsspositionvalueprivate.h"
|
2012-04-04 09:44:57 +00:00
|
|
|
|
#include "gtkcssrepeatvalueprivate.h"
|
2014-10-02 13:56:50 +00:00
|
|
|
|
#include "gtkcssrgbavalueprivate.h"
|
2015-01-17 04:23:00 +00:00
|
|
|
|
#include "gtkcssstyleprivate.h"
|
2012-03-29 00:58:32 +00:00
|
|
|
|
#include "gtkcsstypesprivate.h"
|
2011-12-10 00:14:12 +00:00
|
|
|
|
|
2012-01-05 15:33:39 +00:00
|
|
|
|
#include <math.h>
|
|
|
|
|
|
2011-12-10 00:14:12 +00:00
|
|
|
|
#include <gdk/gdk.h>
|
|
|
|
|
|
2012-01-05 15:33:39 +00:00
|
|
|
|
/* this is in case round() is not provided by the compiler,
|
|
|
|
|
* such as in the case of C89 compilers, like MSVC
|
|
|
|
|
*/
|
|
|
|
|
#include "fallback-c89.c"
|
|
|
|
|
|
2014-10-08 01:26:01 +00:00
|
|
|
|
typedef struct _GtkThemingBackground GtkThemingBackground;
|
|
|
|
|
|
2014-10-08 02:59:58 +00:00
|
|
|
|
#define N_BOXES (3)
|
|
|
|
|
|
2014-10-08 01:26:01 +00:00
|
|
|
|
struct _GtkThemingBackground {
|
2015-01-17 04:23:00 +00:00
|
|
|
|
GtkCssStyle *style;
|
2014-10-08 01:26:01 +00:00
|
|
|
|
|
2014-10-08 02:59:58 +00:00
|
|
|
|
GtkRoundedBox boxes[N_BOXES];
|
2014-10-08 01:26:01 +00:00
|
|
|
|
};
|
|
|
|
|
|
2012-05-11 14:25:55 +00:00
|
|
|
|
static void
|
|
|
|
|
_gtk_theming_background_paint_color (GtkThemingBackground *bg,
|
|
|
|
|
cairo_t *cr,
|
2014-10-08 03:03:35 +00:00
|
|
|
|
const GdkRGBA *bg_color,
|
2012-05-11 14:25:55 +00:00
|
|
|
|
GtkCssValue *background_image)
|
|
|
|
|
{
|
|
|
|
|
gint n_values = _gtk_css_array_value_get_n_values (background_image);
|
|
|
|
|
GtkCssArea clip = _gtk_css_area_value_get
|
|
|
|
|
(_gtk_css_array_value_get_nth
|
2015-01-17 04:23:00 +00:00
|
|
|
|
(gtk_css_style_get_value (bg->style, GTK_CSS_PROPERTY_BACKGROUND_CLIP),
|
2012-05-11 14:25:55 +00:00
|
|
|
|
n_values - 1));
|
|
|
|
|
|
2014-10-08 02:59:58 +00:00
|
|
|
|
_gtk_rounded_box_path (&bg->boxes[clip], cr);
|
2014-10-08 03:03:35 +00:00
|
|
|
|
gdk_cairo_set_source_rgba (cr, bg_color);
|
2014-10-08 03:23:11 +00:00
|
|
|
|
cairo_fill (cr);
|
2012-05-11 14:25:55 +00:00
|
|
|
|
}
|
|
|
|
|
|
2016-07-01 12:54:23 +00:00
|
|
|
|
static gboolean
|
|
|
|
|
_gtk_theming_background_needs_push_group (GtkCssStyle *style)
|
|
|
|
|
{
|
|
|
|
|
const GdkRGBA *bg_color;
|
|
|
|
|
GtkCssValue *background_color;
|
|
|
|
|
GtkCssValue *blend_modes;
|
|
|
|
|
gint i;
|
|
|
|
|
|
|
|
|
|
background_color = gtk_css_style_get_value (style, GTK_CSS_PROPERTY_BACKGROUND_COLOR);
|
|
|
|
|
bg_color = _gtk_css_rgba_value_get_rgba (background_color);
|
|
|
|
|
|
|
|
|
|
/* An opaque background-color means we don't need to push the group */
|
|
|
|
|
if (bg_color->alpha == 1)
|
|
|
|
|
return FALSE;
|
|
|
|
|
|
|
|
|
|
blend_modes = gtk_css_style_get_value (style, GTK_CSS_PROPERTY_BACKGROUND_BLEND_MODE);
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* If we have any blend mode different than NORMAL, we'll need to
|
|
|
|
|
* push a group in order to correctly apply the blend modes.
|
|
|
|
|
*/
|
|
|
|
|
for (i = _gtk_css_array_value_get_n_values (blend_modes); i > 0; i--)
|
|
|
|
|
{
|
|
|
|
|
GtkCssBlendMode blend_mode;
|
|
|
|
|
|
|
|
|
|
blend_mode = _gtk_css_blend_mode_value_get (_gtk_css_array_value_get_nth (blend_modes, i - 1));
|
|
|
|
|
|
|
|
|
|
if (blend_mode != GTK_CSS_BLEND_MODE_NORMAL)
|
|
|
|
|
return TRUE;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return FALSE;
|
|
|
|
|
}
|
|
|
|
|
|
2012-05-11 14:25:55 +00:00
|
|
|
|
static void
|
|
|
|
|
_gtk_theming_background_paint_layer (GtkThemingBackground *bg,
|
2012-10-27 00:25:36 +00:00
|
|
|
|
guint idx,
|
2016-07-01 12:54:23 +00:00
|
|
|
|
cairo_t *cr,
|
|
|
|
|
GtkCssBlendMode blend_mode)
|
2012-05-11 14:25:55 +00:00
|
|
|
|
{
|
2012-10-26 23:35:00 +00:00
|
|
|
|
GtkCssRepeatStyle hrepeat, vrepeat;
|
|
|
|
|
const GtkCssValue *pos, *repeat;
|
2012-10-26 23:52:08 +00:00
|
|
|
|
GtkCssImage *image;
|
2012-10-27 00:23:23 +00:00
|
|
|
|
const GtkRoundedBox *origin;
|
2012-10-26 23:35:00 +00:00
|
|
|
|
double image_width, image_height;
|
|
|
|
|
double width, height;
|
|
|
|
|
|
2015-01-17 04:23:00 +00:00
|
|
|
|
pos = _gtk_css_array_value_get_nth (gtk_css_style_get_value (bg->style, GTK_CSS_PROPERTY_BACKGROUND_POSITION), idx);
|
|
|
|
|
repeat = _gtk_css_array_value_get_nth (gtk_css_style_get_value (bg->style, GTK_CSS_PROPERTY_BACKGROUND_REPEAT), idx);
|
2012-10-26 23:35:00 +00:00
|
|
|
|
hrepeat = _gtk_css_background_repeat_value_get_x (repeat);
|
|
|
|
|
vrepeat = _gtk_css_background_repeat_value_get_y (repeat);
|
2012-10-26 23:52:08 +00:00
|
|
|
|
image = _gtk_css_image_value_get_image (
|
|
|
|
|
_gtk_css_array_value_get_nth (
|
2015-01-17 04:23:00 +00:00
|
|
|
|
gtk_css_style_get_value (bg->style, GTK_CSS_PROPERTY_BACKGROUND_IMAGE),
|
2012-10-27 00:25:36 +00:00
|
|
|
|
idx));
|
2014-10-08 02:59:58 +00:00
|
|
|
|
origin = &bg->boxes[
|
2012-10-27 00:23:23 +00:00
|
|
|
|
_gtk_css_area_value_get (
|
|
|
|
|
_gtk_css_array_value_get_nth (
|
2015-01-17 04:23:00 +00:00
|
|
|
|
gtk_css_style_get_value (bg->style, GTK_CSS_PROPERTY_BACKGROUND_ORIGIN),
|
2014-10-08 02:59:58 +00:00
|
|
|
|
idx))];
|
2012-10-27 00:23:23 +00:00
|
|
|
|
width = origin->box.width;
|
|
|
|
|
height = origin->box.height;
|
2012-10-26 23:35:00 +00:00
|
|
|
|
|
2012-10-26 23:52:08 +00:00
|
|
|
|
if (image == NULL || width <= 0 || height <= 0)
|
2012-10-26 23:39:30 +00:00
|
|
|
|
return;
|
|
|
|
|
|
2015-01-17 04:23:00 +00:00
|
|
|
|
_gtk_css_bg_size_value_compute_size (_gtk_css_array_value_get_nth (gtk_css_style_get_value (bg->style, GTK_CSS_PROPERTY_BACKGROUND_SIZE), idx),
|
2012-10-26 23:52:08 +00:00
|
|
|
|
image,
|
2012-10-26 23:35:00 +00:00
|
|
|
|
width,
|
|
|
|
|
height,
|
|
|
|
|
&image_width,
|
|
|
|
|
&image_height);
|
|
|
|
|
|
2012-10-26 23:39:30 +00:00
|
|
|
|
if (image_width <= 0 || image_height <= 0)
|
|
|
|
|
return;
|
|
|
|
|
|
2012-10-26 23:35:00 +00:00
|
|
|
|
/* optimization */
|
|
|
|
|
if (image_width == width)
|
|
|
|
|
hrepeat = GTK_CSS_REPEAT_STYLE_NO_REPEAT;
|
|
|
|
|
if (image_height == height)
|
|
|
|
|
vrepeat = GTK_CSS_REPEAT_STYLE_NO_REPEAT;
|
|
|
|
|
|
2012-10-26 23:39:30 +00:00
|
|
|
|
|
|
|
|
|
cairo_save (cr);
|
|
|
|
|
|
2012-10-27 00:16:42 +00:00
|
|
|
|
_gtk_rounded_box_path (
|
2014-10-08 02:59:58 +00:00
|
|
|
|
&bg->boxes[
|
2012-10-27 00:16:42 +00:00
|
|
|
|
_gtk_css_area_value_get (
|
|
|
|
|
_gtk_css_array_value_get_nth (
|
2015-01-17 04:23:00 +00:00
|
|
|
|
gtk_css_style_get_value (bg->style, GTK_CSS_PROPERTY_BACKGROUND_CLIP),
|
2014-10-08 02:59:58 +00:00
|
|
|
|
idx))],
|
2012-10-27 00:16:42 +00:00
|
|
|
|
cr);
|
2012-10-26 23:39:30 +00:00
|
|
|
|
cairo_clip (cr);
|
|
|
|
|
|
|
|
|
|
|
2012-10-27 00:23:23 +00:00
|
|
|
|
cairo_translate (cr, origin->box.x, origin->box.y);
|
2012-10-26 23:35:00 +00:00
|
|
|
|
|
2016-07-01 12:54:23 +00:00
|
|
|
|
/*
|
|
|
|
|
* Apply the blend mode, if any.
|
|
|
|
|
*/
|
|
|
|
|
if (G_UNLIKELY (_gtk_css_blend_mode_get_operator (blend_mode) != cairo_get_operator (cr)))
|
|
|
|
|
cairo_set_operator (cr, _gtk_css_blend_mode_get_operator (blend_mode));
|
|
|
|
|
|
|
|
|
|
|
2012-10-26 23:35:00 +00:00
|
|
|
|
if (hrepeat == GTK_CSS_REPEAT_STYLE_NO_REPEAT && vrepeat == GTK_CSS_REPEAT_STYLE_NO_REPEAT)
|
|
|
|
|
{
|
|
|
|
|
cairo_translate (cr,
|
|
|
|
|
_gtk_css_position_value_get_x (pos, width - image_width),
|
|
|
|
|
_gtk_css_position_value_get_y (pos, height - image_height));
|
|
|
|
|
/* shortcut for normal case */
|
2012-10-26 23:52:08 +00:00
|
|
|
|
_gtk_css_image_draw (image, cr, image_width, image_height);
|
2012-10-26 23:35:00 +00:00
|
|
|
|
}
|
|
|
|
|
else
|
2011-12-10 00:14:12 +00:00
|
|
|
|
{
|
2012-10-26 23:35:00 +00:00
|
|
|
|
int surface_width, surface_height;
|
|
|
|
|
cairo_rectangle_t fill_rect;
|
|
|
|
|
cairo_surface_t *surface;
|
|
|
|
|
cairo_t *cr2;
|
|
|
|
|
|
|
|
|
|
/* If ‘background-repeat’ is ‘round’ for one (or both) dimensions,
|
|
|
|
|
* there is a second step. The UA must scale the image in that
|
|
|
|
|
* dimension (or both dimensions) so that it fits a whole number of
|
|
|
|
|
* times in the background positioning area. In the case of the width
|
|
|
|
|
* (height is analogous):
|
|
|
|
|
*
|
|
|
|
|
* If X ≠ 0 is the width of the image after step one and W is the width
|
|
|
|
|
* of the background positioning area, then the rounded width
|
|
|
|
|
* X' = W / round(W / X) where round() is a function that returns the
|
|
|
|
|
* nearest natural number (integer greater than zero).
|
|
|
|
|
*
|
|
|
|
|
* If ‘background-repeat’ is ‘round’ for one dimension only and if
|
|
|
|
|
* ‘background-size’ is ‘auto’ for the other dimension, then there is
|
|
|
|
|
* a third step: that other dimension is scaled so that the original
|
|
|
|
|
* aspect ratio is restored.
|
|
|
|
|
*/
|
|
|
|
|
if (hrepeat == GTK_CSS_REPEAT_STYLE_ROUND)
|
|
|
|
|
{
|
|
|
|
|
double n = round (width / image_width);
|
|
|
|
|
|
|
|
|
|
n = MAX (1, n);
|
|
|
|
|
|
|
|
|
|
if (vrepeat != GTK_CSS_REPEAT_STYLE_ROUND
|
|
|
|
|
/* && vsize == auto (it is by default) */)
|
|
|
|
|
image_height *= width / (image_width * n);
|
|
|
|
|
image_width = width / n;
|
|
|
|
|
}
|
|
|
|
|
if (vrepeat == GTK_CSS_REPEAT_STYLE_ROUND)
|
2012-01-05 15:33:39 +00:00
|
|
|
|
{
|
2012-10-26 23:35:00 +00:00
|
|
|
|
double n = round (height / image_height);
|
|
|
|
|
|
|
|
|
|
n = MAX (1, n);
|
|
|
|
|
|
|
|
|
|
if (hrepeat != GTK_CSS_REPEAT_STYLE_ROUND
|
|
|
|
|
/* && hsize == auto (it is by default) */)
|
|
|
|
|
image_width *= height / (image_height * n);
|
|
|
|
|
image_height = height / n;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* if hrepeat or vrepeat is 'space', we create a somewhat larger surface
|
|
|
|
|
* to store the extra space. */
|
|
|
|
|
if (hrepeat == GTK_CSS_REPEAT_STYLE_SPACE)
|
|
|
|
|
{
|
|
|
|
|
double n = floor (width / image_width);
|
|
|
|
|
surface_width = n ? round (width / n) : 0;
|
2012-01-05 15:33:39 +00:00
|
|
|
|
}
|
|
|
|
|
else
|
2012-10-26 23:35:00 +00:00
|
|
|
|
surface_width = round (image_width);
|
|
|
|
|
|
|
|
|
|
if (vrepeat == GTK_CSS_REPEAT_STYLE_SPACE)
|
2012-01-05 15:33:39 +00:00
|
|
|
|
{
|
2012-10-26 23:35:00 +00:00
|
|
|
|
double n = floor (height / image_height);
|
|
|
|
|
surface_height = n ? round (height / n) : 0;
|
2012-01-05 15:33:39 +00:00
|
|
|
|
}
|
2012-10-26 23:35:00 +00:00
|
|
|
|
else
|
|
|
|
|
surface_height = round (image_height);
|
|
|
|
|
|
|
|
|
|
surface = cairo_surface_create_similar (cairo_get_target (cr),
|
|
|
|
|
CAIRO_CONTENT_COLOR_ALPHA,
|
|
|
|
|
surface_width, surface_height);
|
|
|
|
|
cr2 = cairo_create (surface);
|
|
|
|
|
cairo_translate (cr2,
|
|
|
|
|
0.5 * (surface_width - image_width),
|
|
|
|
|
0.5 * (surface_height - image_height));
|
2012-10-26 23:52:08 +00:00
|
|
|
|
_gtk_css_image_draw (image, cr2, image_width, image_height);
|
2012-10-26 23:35:00 +00:00
|
|
|
|
cairo_destroy (cr2);
|
|
|
|
|
|
|
|
|
|
cairo_set_source_surface (cr, surface,
|
|
|
|
|
_gtk_css_position_value_get_x (pos, width - image_width),
|
|
|
|
|
_gtk_css_position_value_get_y (pos, height - image_height));
|
|
|
|
|
cairo_pattern_set_extend (cairo_get_source (cr), CAIRO_EXTEND_REPEAT);
|
|
|
|
|
cairo_surface_destroy (surface);
|
|
|
|
|
|
|
|
|
|
if (hrepeat == GTK_CSS_REPEAT_STYLE_NO_REPEAT)
|
|
|
|
|
{
|
|
|
|
|
fill_rect.x = _gtk_css_position_value_get_x (pos, width - image_width);
|
|
|
|
|
fill_rect.width = image_width;
|
|
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
{
|
|
|
|
|
fill_rect.x = 0;
|
|
|
|
|
fill_rect.width = width;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (vrepeat == GTK_CSS_REPEAT_STYLE_NO_REPEAT)
|
|
|
|
|
{
|
|
|
|
|
fill_rect.y = _gtk_css_position_value_get_y (pos, height - image_height);
|
|
|
|
|
fill_rect.height = image_height;
|
|
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
{
|
|
|
|
|
fill_rect.y = 0;
|
|
|
|
|
fill_rect.height = height;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
cairo_rectangle (cr, fill_rect.x, fill_rect.y,
|
|
|
|
|
fill_rect.width, fill_rect.height);
|
|
|
|
|
cairo_fill (cr);
|
2011-12-10 00:14:12 +00:00
|
|
|
|
}
|
|
|
|
|
|
2016-07-01 12:54:23 +00:00
|
|
|
|
/*
|
|
|
|
|
* Since this cairo_t can be shared with other widgets,
|
|
|
|
|
* we must reset the operator after all the backgrounds
|
|
|
|
|
* are properly rendered.
|
|
|
|
|
*/
|
|
|
|
|
cairo_set_operator (cr, CAIRO_OPERATOR_OVER);
|
2012-10-26 23:39:30 +00:00
|
|
|
|
|
2012-01-03 01:40:50 +00:00
|
|
|
|
cairo_restore (cr);
|
2011-12-10 00:14:12 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
static void
|
2015-01-17 04:23:00 +00:00
|
|
|
|
_gtk_theming_background_init_style (GtkThemingBackground *bg,
|
|
|
|
|
double width,
|
|
|
|
|
double height,
|
|
|
|
|
GtkJunctionSides junction)
|
2011-12-10 00:14:12 +00:00
|
|
|
|
{
|
2012-10-27 01:22:03 +00:00
|
|
|
|
GtkBorder border, padding;
|
2011-12-10 00:14:12 +00:00
|
|
|
|
|
2015-01-17 04:23:00 +00:00
|
|
|
|
border.top = _gtk_css_number_value_get (gtk_css_style_get_value (bg->style, GTK_CSS_PROPERTY_BORDER_TOP_WIDTH), 100);
|
|
|
|
|
border.right = _gtk_css_number_value_get (gtk_css_style_get_value (bg->style, GTK_CSS_PROPERTY_BORDER_RIGHT_WIDTH), 100);
|
|
|
|
|
border.bottom = _gtk_css_number_value_get (gtk_css_style_get_value (bg->style, GTK_CSS_PROPERTY_BORDER_BOTTOM_WIDTH), 100);
|
|
|
|
|
border.left = _gtk_css_number_value_get (gtk_css_style_get_value (bg->style, GTK_CSS_PROPERTY_BORDER_LEFT_WIDTH), 100);
|
|
|
|
|
padding.top = _gtk_css_number_value_get (gtk_css_style_get_value (bg->style, GTK_CSS_PROPERTY_PADDING_TOP), 100);
|
|
|
|
|
padding.right = _gtk_css_number_value_get (gtk_css_style_get_value (bg->style, GTK_CSS_PROPERTY_PADDING_RIGHT), 100);
|
|
|
|
|
padding.bottom = _gtk_css_number_value_get (gtk_css_style_get_value (bg->style, GTK_CSS_PROPERTY_PADDING_BOTTOM), 100);
|
|
|
|
|
padding.left = _gtk_css_number_value_get (gtk_css_style_get_value (bg->style, GTK_CSS_PROPERTY_PADDING_LEFT), 100);
|
2011-12-10 00:14:12 +00:00
|
|
|
|
|
|
|
|
|
/* In the CSS box model, by default the background positioning area is
|
|
|
|
|
* the padding-box, i.e. all the border-box minus the borders themselves,
|
|
|
|
|
* which determines also its default size, see
|
|
|
|
|
* http://dev.w3.org/csswg/css3-background/#background-origin
|
|
|
|
|
*
|
|
|
|
|
* In the future we might want to support different origins or clips, but
|
|
|
|
|
* right now we just shrink to the default.
|
|
|
|
|
*/
|
2014-10-08 03:06:32 +00:00
|
|
|
|
_gtk_rounded_box_init_rect (&bg->boxes[GTK_CSS_AREA_BORDER_BOX], 0, 0, width, height);
|
2015-01-17 04:23:00 +00:00
|
|
|
|
_gtk_rounded_box_apply_border_radius_for_style (&bg->boxes[GTK_CSS_AREA_BORDER_BOX], bg->style, junction);
|
2011-12-10 00:14:12 +00:00
|
|
|
|
|
2014-10-08 02:59:58 +00:00
|
|
|
|
bg->boxes[GTK_CSS_AREA_PADDING_BOX] = bg->boxes[GTK_CSS_AREA_BORDER_BOX];
|
|
|
|
|
_gtk_rounded_box_shrink (&bg->boxes[GTK_CSS_AREA_PADDING_BOX],
|
2012-10-27 01:22:03 +00:00
|
|
|
|
border.top, border.right,
|
|
|
|
|
border.bottom, border.left);
|
2012-10-27 00:07:43 +00:00
|
|
|
|
|
2014-10-08 02:59:58 +00:00
|
|
|
|
bg->boxes[GTK_CSS_AREA_CONTENT_BOX] = bg->boxes[GTK_CSS_AREA_PADDING_BOX];
|
|
|
|
|
_gtk_rounded_box_shrink (&bg->boxes[GTK_CSS_AREA_CONTENT_BOX],
|
2012-10-27 01:22:03 +00:00
|
|
|
|
padding.top, padding.right,
|
|
|
|
|
padding.bottom, padding.left);
|
2011-12-10 00:14:12 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
void
|
2015-01-17 04:54:36 +00:00
|
|
|
|
gtk_css_style_render_background (GtkCssStyle *style,
|
|
|
|
|
cairo_t *cr,
|
|
|
|
|
gdouble x,
|
|
|
|
|
gdouble y,
|
|
|
|
|
gdouble width,
|
|
|
|
|
gdouble height,
|
|
|
|
|
GtkJunctionSides junction)
|
2011-12-10 00:14:12 +00:00
|
|
|
|
{
|
2014-10-08 01:26:01 +00:00
|
|
|
|
GtkThemingBackground bg;
|
|
|
|
|
gint idx;
|
|
|
|
|
GtkCssValue *background_image;
|
2016-07-01 12:54:23 +00:00
|
|
|
|
GtkCssValue *blend_modes;
|
2014-10-08 03:10:42 +00:00
|
|
|
|
GtkCssValue *box_shadow;
|
2014-10-08 03:03:35 +00:00
|
|
|
|
const GdkRGBA *bg_color;
|
2016-07-01 12:54:23 +00:00
|
|
|
|
gboolean needs_push_group;
|
|
|
|
|
gint number_of_layers;
|
2011-12-10 00:14:12 +00:00
|
|
|
|
|
2015-01-17 04:23:00 +00:00
|
|
|
|
background_image = gtk_css_style_get_value (style, GTK_CSS_PROPERTY_BACKGROUND_IMAGE);
|
2016-07-01 12:54:23 +00:00
|
|
|
|
blend_modes = gtk_css_style_get_value (style, GTK_CSS_PROPERTY_BACKGROUND_BLEND_MODE);
|
2015-01-17 04:23:00 +00:00
|
|
|
|
bg_color = _gtk_css_rgba_value_get_rgba (gtk_css_style_get_value (style, GTK_CSS_PROPERTY_BACKGROUND_COLOR));
|
|
|
|
|
box_shadow = gtk_css_style_get_value (style, GTK_CSS_PROPERTY_BOX_SHADOW);
|
2014-10-08 03:19:07 +00:00
|
|
|
|
|
|
|
|
|
/* This is the common default case of no background */
|
|
|
|
|
if (gtk_rgba_is_clear (bg_color) &&
|
|
|
|
|
_gtk_css_array_value_get_n_values (background_image) == 1 &&
|
|
|
|
|
_gtk_css_image_value_get_image (_gtk_css_array_value_get_nth (background_image, 0)) == NULL &&
|
|
|
|
|
_gtk_css_shadows_value_is_none (box_shadow))
|
|
|
|
|
return;
|
2011-12-10 00:14:12 +00:00
|
|
|
|
|
2015-01-17 04:23:00 +00:00
|
|
|
|
bg.style = style;
|
|
|
|
|
_gtk_theming_background_init_style (&bg, width, height, junction);
|
2012-05-11 14:25:55 +00:00
|
|
|
|
|
2011-12-10 00:14:12 +00:00
|
|
|
|
cairo_save (cr);
|
2014-10-08 03:06:32 +00:00
|
|
|
|
cairo_translate (cr, x, y);
|
2011-12-10 00:14:12 +00:00
|
|
|
|
|
2016-11-08 01:20:40 +00:00
|
|
|
|
/* Outset shadows */
|
|
|
|
|
_gtk_css_shadows_value_paint_box (box_shadow,
|
|
|
|
|
cr,
|
|
|
|
|
&bg.boxes[GTK_CSS_AREA_BORDER_BOX],
|
|
|
|
|
FALSE);
|
|
|
|
|
|
2016-07-01 12:54:23 +00:00
|
|
|
|
/*
|
|
|
|
|
* When we have a blend mode set for the background, we cannot blend the current
|
|
|
|
|
* widget's drawing with whatever the content that the Cairo context may have.
|
|
|
|
|
* Because of that, push the drawing to a new group before drawing the background
|
|
|
|
|
* layers, and paint the resulting image back after.
|
|
|
|
|
*/
|
|
|
|
|
needs_push_group = _gtk_theming_background_needs_push_group (style);
|
|
|
|
|
|
|
|
|
|
if (needs_push_group)
|
|
|
|
|
{
|
|
|
|
|
cairo_save (cr);
|
2016-11-08 01:15:43 +00:00
|
|
|
|
cairo_rectangle (cr, 0, 0, width, height);
|
2016-07-01 12:54:23 +00:00
|
|
|
|
cairo_clip (cr);
|
|
|
|
|
cairo_push_group (cr);
|
|
|
|
|
}
|
|
|
|
|
|
2014-10-08 03:03:35 +00:00
|
|
|
|
_gtk_theming_background_paint_color (&bg, cr, bg_color, background_image);
|
2012-05-11 14:25:55 +00:00
|
|
|
|
|
2016-07-01 12:54:23 +00:00
|
|
|
|
number_of_layers = _gtk_css_array_value_get_n_values (background_image);
|
|
|
|
|
|
|
|
|
|
for (idx = number_of_layers - 1; idx >= 0; idx--)
|
2012-05-11 14:25:55 +00:00
|
|
|
|
{
|
2016-07-01 12:54:23 +00:00
|
|
|
|
GtkCssBlendMode blend_mode;
|
|
|
|
|
|
|
|
|
|
blend_mode = _gtk_css_blend_mode_value_get (_gtk_css_array_value_get_nth (blend_modes, idx));
|
|
|
|
|
|
|
|
|
|
_gtk_theming_background_paint_layer (&bg, idx, cr, blend_mode);
|
2012-05-11 14:25:55 +00:00
|
|
|
|
}
|
|
|
|
|
|
2016-07-01 12:54:23 +00:00
|
|
|
|
/* Paint back the resulting surface */
|
|
|
|
|
if (needs_push_group)
|
|
|
|
|
{
|
|
|
|
|
cairo_pop_group_to_source (cr);
|
|
|
|
|
cairo_paint (cr);
|
|
|
|
|
cairo_restore (cr);
|
|
|
|
|
}
|
|
|
|
|
|
2016-11-08 01:20:40 +00:00
|
|
|
|
/* Inset shadows */
|
|
|
|
|
_gtk_css_shadows_value_paint_box (box_shadow,
|
|
|
|
|
cr,
|
|
|
|
|
&bg.boxes[GTK_CSS_AREA_PADDING_BOX],
|
|
|
|
|
TRUE);
|
|
|
|
|
|
2011-12-10 00:14:12 +00:00
|
|
|
|
cairo_restore (cr);
|
|
|
|
|
}
|
2016-02-25 14:40:04 +00:00
|
|
|
|
|
2016-08-13 08:17:35 +00:00
|
|
|
|
static GskBlendMode
|
|
|
|
|
translate_blend_mode (GtkCssBlendMode blend_mode)
|
|
|
|
|
{
|
|
|
|
|
switch (blend_mode)
|
|
|
|
|
{
|
|
|
|
|
case GTK_CSS_BLEND_MODE_COLOR_BURN: return GSK_BLEND_MODE_COLOR_BURN;
|
|
|
|
|
case GTK_CSS_BLEND_MODE_COLOR_DODGE: return GSK_BLEND_MODE_COLOR_BURN;
|
|
|
|
|
case GTK_CSS_BLEND_MODE_DARKEN: return GSK_BLEND_MODE_DARKEN;
|
|
|
|
|
case GTK_CSS_BLEND_MODE_LIGHTEN: return GSK_BLEND_MODE_LIGHTEN;
|
|
|
|
|
case GTK_CSS_BLEND_MODE_DIFFERENCE: return GSK_BLEND_MODE_DIFFERENCE;
|
|
|
|
|
case GTK_CSS_BLEND_MODE_EXCLUSION: return GSK_BLEND_MODE_EXCLUSION;
|
|
|
|
|
case GTK_CSS_BLEND_MODE_HARD_LIGHT: return GSK_BLEND_MODE_HARD_LIGHT;
|
|
|
|
|
case GTK_CSS_BLEND_MODE_SOFT_LIGHT: return GSK_BLEND_MODE_SOFT_LIGHT;
|
|
|
|
|
case GTK_CSS_BLEND_MODE_MULTIPLY: return GSK_BLEND_MODE_MULTIPLY;
|
|
|
|
|
case GTK_CSS_BLEND_MODE_NORMAL: return GSK_BLEND_MODE_DEFAULT;
|
|
|
|
|
case GTK_CSS_BLEND_MODE_OVERLAY: return GSK_BLEND_MODE_OVERLAY;
|
|
|
|
|
case GTK_CSS_BLEND_MODE_SCREEN: return GSK_BLEND_MODE_SCREEN;
|
|
|
|
|
case GTK_CSS_BLEND_MODE_SATURATE:
|
|
|
|
|
case GTK_CSS_BLEND_MODE_LUMINOSITY:
|
|
|
|
|
case GTK_CSS_BLEND_MODE_COLOR:
|
|
|
|
|
case GTK_CSS_BLEND_MODE_HUE:
|
|
|
|
|
default:
|
|
|
|
|
g_warning ("CSS blend mode %d not supported by GSK yet", blend_mode);
|
|
|
|
|
return GSK_BLEND_MODE_DEFAULT;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2016-08-12 22:13:17 +00:00
|
|
|
|
void
|
|
|
|
|
gtk_css_style_add_background_render_nodes (GtkCssStyle *style,
|
|
|
|
|
GskRenderer *renderer,
|
|
|
|
|
GskRenderNode *parent_node,
|
|
|
|
|
graphene_rect_t *bounds,
|
|
|
|
|
const char *name,
|
|
|
|
|
gdouble x,
|
|
|
|
|
gdouble y,
|
|
|
|
|
gdouble width,
|
|
|
|
|
gdouble height,
|
|
|
|
|
GtkJunctionSides junction)
|
|
|
|
|
{
|
|
|
|
|
GskRenderNode *bg_node;
|
|
|
|
|
cairo_t *cr;
|
2016-08-12 22:23:25 +00:00
|
|
|
|
GtkCssValue *background_image;
|
2016-08-13 08:17:35 +00:00
|
|
|
|
GtkCssValue *blend_modes;
|
2016-08-12 22:23:25 +00:00
|
|
|
|
GtkCssValue *box_shadow;
|
|
|
|
|
const GdkRGBA *bg_color;
|
2016-08-13 08:17:35 +00:00
|
|
|
|
GtkThemingBackground bg;
|
|
|
|
|
gchar *str;
|
|
|
|
|
gint number_of_layers;
|
|
|
|
|
gint idx;
|
2016-08-12 22:23:25 +00:00
|
|
|
|
|
|
|
|
|
background_image = gtk_css_style_get_value (style, GTK_CSS_PROPERTY_BACKGROUND_IMAGE);
|
2016-08-13 08:17:35 +00:00
|
|
|
|
blend_modes = gtk_css_style_get_value (style, GTK_CSS_PROPERTY_BACKGROUND_BLEND_MODE);
|
2016-08-12 22:23:25 +00:00
|
|
|
|
bg_color = _gtk_css_rgba_value_get_rgba (gtk_css_style_get_value (style, GTK_CSS_PROPERTY_BACKGROUND_COLOR));
|
|
|
|
|
box_shadow = gtk_css_style_get_value (style, GTK_CSS_PROPERTY_BOX_SHADOW);
|
|
|
|
|
|
|
|
|
|
/* This is the common default case of no background */
|
|
|
|
|
if (gtk_rgba_is_clear (bg_color) &&
|
|
|
|
|
_gtk_css_array_value_get_n_values (background_image) == 1 &&
|
|
|
|
|
_gtk_css_image_value_get_image (_gtk_css_array_value_get_nth (background_image, 0)) == NULL &&
|
|
|
|
|
_gtk_css_shadows_value_is_none (box_shadow))
|
|
|
|
|
return;
|
2016-08-12 22:13:17 +00:00
|
|
|
|
|
2016-08-13 08:17:35 +00:00
|
|
|
|
bg.style = style;
|
|
|
|
|
_gtk_theming_background_init_style (&bg, width, height, junction);
|
|
|
|
|
|
|
|
|
|
if (!_gtk_css_shadows_value_is_none (box_shadow))
|
|
|
|
|
{
|
|
|
|
|
str = g_strconcat ("Outer Shadow<", name, ">", NULL);
|
|
|
|
|
bg_node = gsk_renderer_create_render_node (renderer);
|
|
|
|
|
gsk_render_node_set_name (bg_node, str);
|
|
|
|
|
gsk_render_node_set_bounds (bg_node, bounds);
|
2016-11-01 04:45:01 +00:00
|
|
|
|
cr = gsk_render_node_get_draw_context (bg_node, renderer);
|
2016-08-13 08:17:35 +00:00
|
|
|
|
cairo_translate (cr, x, y);
|
|
|
|
|
_gtk_css_shadows_value_paint_box (box_shadow,
|
|
|
|
|
cr,
|
|
|
|
|
&bg.boxes[GTK_CSS_AREA_BORDER_BOX],
|
|
|
|
|
FALSE);
|
|
|
|
|
cairo_destroy (cr);
|
|
|
|
|
g_free (str);
|
|
|
|
|
|
|
|
|
|
gsk_render_node_append_child (parent_node, bg_node);
|
|
|
|
|
gsk_render_node_unref (bg_node);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (!gtk_rgba_is_clear (bg_color))
|
|
|
|
|
{
|
|
|
|
|
str = g_strconcat ("Background Color<", name, ">", NULL);
|
|
|
|
|
bg_node = gsk_renderer_create_render_node (renderer);
|
|
|
|
|
gsk_render_node_set_name (bg_node, str);
|
|
|
|
|
gsk_render_node_set_bounds (bg_node, bounds);
|
2016-11-01 04:45:01 +00:00
|
|
|
|
cr = gsk_render_node_get_draw_context (bg_node, renderer);
|
2016-08-13 08:17:35 +00:00
|
|
|
|
cairo_translate (cr, x, y);
|
|
|
|
|
_gtk_theming_background_paint_color (&bg, cr, bg_color, background_image);
|
|
|
|
|
cairo_destroy (cr);
|
|
|
|
|
g_free (str);
|
|
|
|
|
|
|
|
|
|
gsk_render_node_append_child (parent_node, bg_node);
|
|
|
|
|
gsk_render_node_unref (bg_node);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
number_of_layers = _gtk_css_array_value_get_n_values (background_image);
|
2016-08-12 22:13:17 +00:00
|
|
|
|
|
2016-08-13 08:17:35 +00:00
|
|
|
|
for (idx = number_of_layers - 1; idx >= 0; idx--)
|
|
|
|
|
{
|
|
|
|
|
GtkCssBlendMode blend_mode;
|
|
|
|
|
|
|
|
|
|
blend_mode = _gtk_css_blend_mode_value_get (_gtk_css_array_value_get_nth (blend_modes, idx));
|
|
|
|
|
|
|
|
|
|
str = g_strdup_printf ("Background%d<%s>", idx, name);
|
|
|
|
|
bg_node = gsk_renderer_create_render_node (renderer);
|
|
|
|
|
|
|
|
|
|
gsk_render_node_set_blend_mode (bg_node,
|
|
|
|
|
translate_blend_mode (blend_mode));
|
|
|
|
|
gsk_render_node_set_name (bg_node, str);
|
|
|
|
|
gsk_render_node_set_bounds (bg_node, bounds);
|
2016-11-01 04:45:01 +00:00
|
|
|
|
cr = gsk_render_node_get_draw_context (bg_node, renderer);
|
2016-08-13 08:17:35 +00:00
|
|
|
|
cairo_translate (cr, x, y);
|
|
|
|
|
_gtk_theming_background_paint_layer (&bg, idx, cr, GTK_CSS_BLEND_MODE_NORMAL);
|
|
|
|
|
cairo_destroy (cr);
|
|
|
|
|
g_free (str);
|
|
|
|
|
|
|
|
|
|
gsk_render_node_append_child (parent_node, bg_node);
|
|
|
|
|
gsk_render_node_unref (bg_node);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (!_gtk_css_shadows_value_is_none (box_shadow))
|
|
|
|
|
{
|
|
|
|
|
str = g_strconcat ("Inner Shadow<", name, ">", NULL);
|
|
|
|
|
bg_node = gsk_renderer_create_render_node (renderer);
|
|
|
|
|
gsk_render_node_set_name (bg_node, str);
|
|
|
|
|
gsk_render_node_set_bounds (bg_node, bounds);
|
2016-11-01 04:45:01 +00:00
|
|
|
|
cr = gsk_render_node_get_draw_context (bg_node, renderer);
|
2016-08-13 08:17:35 +00:00
|
|
|
|
cairo_translate (cr, x, y);
|
|
|
|
|
_gtk_css_shadows_value_paint_box (box_shadow,
|
|
|
|
|
cr,
|
|
|
|
|
&bg.boxes[GTK_CSS_AREA_PADDING_BOX],
|
|
|
|
|
TRUE);
|
|
|
|
|
cairo_destroy (cr);
|
|
|
|
|
g_free (str);
|
|
|
|
|
|
|
|
|
|
gsk_render_node_append_child (parent_node, bg_node);
|
|
|
|
|
gsk_render_node_unref (bg_node);
|
|
|
|
|
}
|
2016-08-12 22:13:17 +00:00
|
|
|
|
}
|
|
|
|
|
|
2016-02-25 14:40:04 +00:00
|
|
|
|
static gboolean
|
|
|
|
|
corner_value_is_right_angle (GtkCssValue *value)
|
|
|
|
|
{
|
|
|
|
|
return _gtk_css_corner_value_get_x (value, 100) <= 0.0 &&
|
|
|
|
|
_gtk_css_corner_value_get_y (value, 100) <= 0.0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
gboolean
|
|
|
|
|
gtk_css_style_render_background_is_opaque (GtkCssStyle *style)
|
|
|
|
|
{
|
|
|
|
|
const GdkRGBA *color;
|
|
|
|
|
|
|
|
|
|
color = _gtk_css_rgba_value_get_rgba (gtk_css_style_get_value (style, GTK_CSS_PROPERTY_BACKGROUND_COLOR));
|
|
|
|
|
|
|
|
|
|
return color->alpha >= 1.0
|
|
|
|
|
&& corner_value_is_right_angle (gtk_css_style_get_value (style, GTK_CSS_PROPERTY_BORDER_TOP_LEFT_RADIUS))
|
|
|
|
|
&& corner_value_is_right_angle (gtk_css_style_get_value (style, GTK_CSS_PROPERTY_BORDER_TOP_RIGHT_RADIUS))
|
|
|
|
|
&& corner_value_is_right_angle (gtk_css_style_get_value (style, GTK_CSS_PROPERTY_BORDER_BOTTOM_RIGHT_RADIUS))
|
|
|
|
|
&& corner_value_is_right_angle (gtk_css_style_get_value (style, GTK_CSS_PROPERTY_BORDER_BOTTOM_LEFT_RADIUS));
|
|
|
|
|
}
|