forked from AuroraMiddleware/gtk
369db4a406
CSS supports blend modes, in which a series of layers are merged together according to the given operation or set of operations. Support for blend modes landed on Cairo, which exposes all the commons and also the exquisites blend modes available. Adding support for blend modes, then, is just a matter of using the available Cairo operations. This patch adds the background-blend-mode CSS enum property, and adapts the background rendering code to blend the backgrounds using the available blend modes when they're set. https://bugzilla.gnome.org/show_bug.cgi?id=768305
229 lines
7.4 KiB
C
229 lines
7.4 KiB
C
/* GTK - The GIMP Toolkit
|
|
* Copyright (C) 2011 Benjamin Otte <otte@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
|
|
* License along with this library. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
#include "config.h"
|
|
|
|
#include "gtkcsstypesprivate.h"
|
|
|
|
#include "gtkcssnumbervalueprivate.h"
|
|
#include "gtkstylecontextprivate.h"
|
|
|
|
cairo_operator_t
|
|
_gtk_css_blend_mode_get_operator (GtkCssBlendMode mode)
|
|
{
|
|
switch (mode)
|
|
{
|
|
case GTK_CSS_BLEND_MODE_COLOR:
|
|
return CAIRO_OPERATOR_HSL_COLOR;
|
|
case GTK_CSS_BLEND_MODE_COLOR_BURN:
|
|
return CAIRO_OPERATOR_COLOR_BURN;
|
|
case GTK_CSS_BLEND_MODE_COLOR_DODGE:
|
|
return CAIRO_OPERATOR_COLOR_DODGE;
|
|
case GTK_CSS_BLEND_MODE_DARKEN:
|
|
return CAIRO_OPERATOR_DARKEN;
|
|
case GTK_CSS_BLEND_MODE_DIFFERENCE:
|
|
return CAIRO_OPERATOR_DIFFERENCE;
|
|
case GTK_CSS_BLEND_MODE_EXCLUSION:
|
|
return CAIRO_OPERATOR_EXCLUSION;
|
|
case GTK_CSS_BLEND_MODE_HARD_LIGHT:
|
|
return CAIRO_OPERATOR_HARD_LIGHT;
|
|
case GTK_CSS_BLEND_MODE_HUE:
|
|
return CAIRO_OPERATOR_HSL_HUE;
|
|
case GTK_CSS_BLEND_MODE_LIGHTEN:
|
|
return CAIRO_OPERATOR_LIGHTEN;
|
|
case GTK_CSS_BLEND_MODE_LUMINOSITY:
|
|
return CAIRO_OPERATOR_HSL_LUMINOSITY;
|
|
case GTK_CSS_BLEND_MODE_MULTIPLY:
|
|
return CAIRO_OPERATOR_MULTIPLY;
|
|
case GTK_CSS_BLEND_MODE_OVERLAY:
|
|
return CAIRO_OPERATOR_OVERLAY;
|
|
case GTK_CSS_BLEND_MODE_SATURATE:
|
|
return CAIRO_OPERATOR_SATURATE;
|
|
case GTK_CSS_BLEND_MODE_SCREEN:
|
|
return CAIRO_OPERATOR_SCREEN;
|
|
|
|
case GTK_CSS_BLEND_MODE_NORMAL:
|
|
default:
|
|
return CAIRO_OPERATOR_OVER;
|
|
}
|
|
}
|
|
|
|
GtkCssChange
|
|
_gtk_css_change_for_sibling (GtkCssChange match)
|
|
{
|
|
#define BASE_STATES ( GTK_CSS_CHANGE_CLASS \
|
|
| GTK_CSS_CHANGE_NAME \
|
|
| GTK_CSS_CHANGE_ID \
|
|
| GTK_CSS_CHANGE_FIRST_CHILD \
|
|
| GTK_CSS_CHANGE_LAST_CHILD \
|
|
| GTK_CSS_CHANGE_NTH_CHILD \
|
|
| GTK_CSS_CHANGE_NTH_LAST_CHILD \
|
|
| GTK_CSS_CHANGE_STATE )
|
|
|
|
#define KEEP_STATES ( ~(BASE_STATES|GTK_CSS_CHANGE_SOURCE|GTK_CSS_CHANGE_PARENT_STYLE) \
|
|
| GTK_CSS_CHANGE_NTH_CHILD \
|
|
| GTK_CSS_CHANGE_NTH_LAST_CHILD)
|
|
|
|
#define SIBLING_SHIFT 8
|
|
|
|
return (match & KEEP_STATES) | ((match & BASE_STATES) << SIBLING_SHIFT);
|
|
|
|
#undef BASE_STATES
|
|
#undef KEEP_STATES
|
|
#undef SIBLING_SHIFT
|
|
}
|
|
|
|
GtkCssChange
|
|
_gtk_css_change_for_child (GtkCssChange match)
|
|
{
|
|
#define BASE_STATES ( GTK_CSS_CHANGE_CLASS \
|
|
| GTK_CSS_CHANGE_NAME \
|
|
| GTK_CSS_CHANGE_ID \
|
|
| GTK_CSS_CHANGE_FIRST_CHILD \
|
|
| GTK_CSS_CHANGE_LAST_CHILD \
|
|
| GTK_CSS_CHANGE_NTH_CHILD \
|
|
| GTK_CSS_CHANGE_NTH_LAST_CHILD \
|
|
| GTK_CSS_CHANGE_STATE \
|
|
| GTK_CSS_CHANGE_SIBLING_CLASS \
|
|
| GTK_CSS_CHANGE_SIBLING_NAME \
|
|
| GTK_CSS_CHANGE_SIBLING_ID \
|
|
| GTK_CSS_CHANGE_SIBLING_FIRST_CHILD \
|
|
| GTK_CSS_CHANGE_SIBLING_LAST_CHILD \
|
|
| GTK_CSS_CHANGE_SIBLING_NTH_CHILD \
|
|
| GTK_CSS_CHANGE_SIBLING_NTH_LAST_CHILD \
|
|
| GTK_CSS_CHANGE_SIBLING_STATE )
|
|
|
|
#define PARENT_SHIFT 16
|
|
|
|
return (match & ~(BASE_STATES|GTK_CSS_CHANGE_SOURCE|GTK_CSS_CHANGE_PARENT_STYLE)) | ((match & BASE_STATES) << PARENT_SHIFT);
|
|
|
|
#undef BASE_STATES
|
|
#undef PARENT_SHIFT
|
|
}
|
|
|
|
void
|
|
gtk_css_change_print (GtkCssChange change,
|
|
GString *string)
|
|
{
|
|
const struct {
|
|
GtkCssChange flags;
|
|
const char *name;
|
|
} names[] = {
|
|
{ GTK_CSS_CHANGE_CLASS, "class" },
|
|
{ GTK_CSS_CHANGE_NAME, "name" },
|
|
{ GTK_CSS_CHANGE_ID, "id" },
|
|
{ GTK_CSS_CHANGE_FIRST_CHILD, "first-child" },
|
|
{ GTK_CSS_CHANGE_LAST_CHILD, "last-child" },
|
|
{ GTK_CSS_CHANGE_NTH_CHILD, "nth-child" },
|
|
{ GTK_CSS_CHANGE_NTH_LAST_CHILD, "nth-last-child" },
|
|
{ GTK_CSS_CHANGE_STATE, "state" },
|
|
{ GTK_CSS_CHANGE_SIBLING_CLASS, "sibling-class" },
|
|
{ GTK_CSS_CHANGE_SIBLING_NAME, "sibling-name" },
|
|
{ GTK_CSS_CHANGE_SIBLING_ID, "sibling-id" },
|
|
{ GTK_CSS_CHANGE_SIBLING_FIRST_CHILD, "sibling-first-child" },
|
|
{ GTK_CSS_CHANGE_SIBLING_LAST_CHILD, "sibling-last-child" },
|
|
{ GTK_CSS_CHANGE_SIBLING_NTH_CHILD, "sibling-nth-child" },
|
|
{ GTK_CSS_CHANGE_SIBLING_NTH_LAST_CHILD, "sibling-nth-last-child" },
|
|
{ GTK_CSS_CHANGE_SIBLING_STATE, "sibling-state" },
|
|
{ GTK_CSS_CHANGE_PARENT_CLASS, "parent-class" },
|
|
{ GTK_CSS_CHANGE_PARENT_NAME, "parent-name" },
|
|
{ GTK_CSS_CHANGE_PARENT_ID, "parent-id" },
|
|
{ GTK_CSS_CHANGE_PARENT_FIRST_CHILD, "parent-first-child" },
|
|
{ GTK_CSS_CHANGE_PARENT_LAST_CHILD, "parent-last-child" },
|
|
{ GTK_CSS_CHANGE_PARENT_NTH_CHILD, "parent-nth-child" },
|
|
{ GTK_CSS_CHANGE_PARENT_NTH_LAST_CHILD, "parent-nth-last-child" },
|
|
{ GTK_CSS_CHANGE_PARENT_STATE, "parent-state" },
|
|
{ GTK_CSS_CHANGE_PARENT_SIBLING_CLASS, "parent-sibling-" },
|
|
{ GTK_CSS_CHANGE_PARENT_SIBLING_NAME, "parent-sibling-name" },
|
|
{ GTK_CSS_CHANGE_PARENT_SIBLING_ID, "parent-sibling-id" },
|
|
{ GTK_CSS_CHANGE_PARENT_SIBLING_FIRST_CHILD, "parent-sibling-first-child" },
|
|
{ GTK_CSS_CHANGE_PARENT_SIBLING_LAST_CHILD, "parent-sibling-last-child" },
|
|
{ GTK_CSS_CHANGE_PARENT_SIBLING_NTH_CHILD, "parent-sibling-nth-child" },
|
|
{ GTK_CSS_CHANGE_PARENT_SIBLING_NTH_LAST_CHILD, "parent-sibling-nth-last-child" },
|
|
{ GTK_CSS_CHANGE_PARENT_SIBLING_STATE, "parent-sibling-state" },
|
|
{ GTK_CSS_CHANGE_SOURCE, "source" },
|
|
{ GTK_CSS_CHANGE_PARENT_STYLE, "parent-style" },
|
|
{ GTK_CSS_CHANGE_TIMESTAMP, "timestamp" },
|
|
{ GTK_CSS_CHANGE_ANIMATIONS, "animations" },
|
|
};
|
|
guint i;
|
|
gboolean first;
|
|
|
|
first = TRUE;
|
|
|
|
for (i = 0; i < G_N_ELEMENTS (names); i++)
|
|
{
|
|
if (change & names[i].flags)
|
|
{
|
|
if (first)
|
|
first = FALSE;
|
|
else
|
|
g_string_append (string, "|");
|
|
g_string_append (string, names[i].name);
|
|
}
|
|
}
|
|
}
|
|
|
|
GtkCssDimension
|
|
gtk_css_unit_get_dimension (GtkCssUnit unit)
|
|
{
|
|
switch (unit)
|
|
{
|
|
case GTK_CSS_NUMBER:
|
|
return GTK_CSS_DIMENSION_NUMBER;
|
|
|
|
case GTK_CSS_PERCENT:
|
|
return GTK_CSS_DIMENSION_PERCENTAGE;
|
|
|
|
case GTK_CSS_PX:
|
|
case GTK_CSS_PT:
|
|
case GTK_CSS_EM:
|
|
case GTK_CSS_EX:
|
|
case GTK_CSS_REM:
|
|
case GTK_CSS_PC:
|
|
case GTK_CSS_IN:
|
|
case GTK_CSS_CM:
|
|
case GTK_CSS_MM:
|
|
return GTK_CSS_DIMENSION_LENGTH;
|
|
|
|
case GTK_CSS_RAD:
|
|
case GTK_CSS_DEG:
|
|
case GTK_CSS_GRAD:
|
|
case GTK_CSS_TURN:
|
|
return GTK_CSS_DIMENSION_ANGLE;
|
|
|
|
case GTK_CSS_S:
|
|
case GTK_CSS_MS:
|
|
return GTK_CSS_DIMENSION_TIME;
|
|
|
|
default:
|
|
g_assert_not_reached ();
|
|
return GTK_CSS_DIMENSION_PERCENTAGE;
|
|
}
|
|
}
|
|
|
|
char *
|
|
gtk_css_change_to_string (GtkCssChange change)
|
|
{
|
|
GString *string = g_string_new (NULL);
|
|
|
|
gtk_css_change_print (change, string);
|
|
|
|
return g_string_free (string, FALSE);
|
|
}
|
|
|