AuroraMiddleware/gtk
1
0
Fork 1
mirror of https://gitlab.gnome.org/GNOME/gtk.git synced 2024-11-09 10:20:07 +00:00
Code Issues Projects Releases Wiki Activity

gtk3-demo: Simplify the blendmodes example a bit

Browse Source 
Just put all of the template into the resource.
This commit is contained in:
Matthias Clasen 2016-07-04 09:58:15 -04:00
parent e032c83822
commit 93f20315d1
2 changed files with 28 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
demos/gtk-demo/css_blendmodes.c
View File

@ -34,40 +34,6 @@ struct {
{ NULL }
};
/*
* The CSS class to be applied in the blended image. Notice that the first %s
* is replaced by the content of css_blendmodes.css and the second %s is
* replaced by the blend mode.
*/
static const gchar *CSS_TEMPLATE =
"%s\n"
"\n"
"image.blend0 {\n"
" background-image: url('resource://css_blendmodes/ducky.png'),\n"
" linear-gradient(to right, red 0%, green 50%, blue 100%);\n"
" background-size: cover;\n"
" background-blend-mode: %s;\n"
" min-width: 200px;\n"
" min-height: 200px;\n"
"}\n"
"\n"
"image.blend1 {\n"
" background: url('resource://css_blendmodes/blends.png') top center,\n"
" url('resource://css_blendmodes/blends.png') bottom center;\n"
" background-blend-mode: %s;\n"
" min-width: 200px;\n"
" min-height: 200px;\n"
"}\n"
"\n"
"image.blend2 {\n"
" background: url('resource://css_blendmodes/cmy.jpg') top center,\n"
" url('resource://css_blendmodes/cmy.jpg') center center,\n"
" url('resource://css_blendmodes/cmy.jpg') bottom center;\n"
" background-blend-mode: %s;\n"
" min-width: 200px;\n"
" min-height: 200px;\n"
"}\n";
static void
update_css_for_blend_mode (GtkCssProvider *provider,
const gchar *blend_mode)
@ -77,8 +43,7 @@ update_css_for_blend_mode (GtkCssProvider *provider,
bytes = g_resources_lookup_data ("/css_blendmodes/css_blendmodes.css", 0, NULL);
css = g_strdup_printf (CSS_TEMPLATE,
(gchar*) g_bytes_get_data (bytes, NULL),
css = g_strdup_printf ((gchar*) g_bytes_get_data (bytes, NULL),
blend_mode,
blend_mode,
blend_mode);

28
demos/gtk-demo/css_blendmodes.css
View File

@ -9,7 +9,7 @@ image.duck {
}
image.gradient {
background-image: linear-gradient(to right, red 0%, green 50%, blue 100%);
background-image: linear-gradient(to right, red 0%%, green 50%%, blue 100%%);
min-width: 200px;
min-height: 200px;
}
@ -49,3 +49,29 @@ image.yellow {
min-width: 200px;
min-height: 200px;
}
image.blend0 {
background-image: url('resource://css_blendmodes/ducky.png'),
linear-gradient(to right, red 0%%, green 50%%, blue 100%%);
background-size: cover;
background-blend-mode: %s;
min-width: 200px;
min-height: 200px;
}
image.blend1 {
background: url('resource://css_blendmodes/blends.png') top center,
url('resource://css_blendmodes/blends.png') bottom center;
background-blend-mode: %s;
min-width: 200px;
min-height: 200px;
}
image.blend2 {
background: url('resource://css_blendmodes/cmy.jpg') top center,
url('resource://css_blendmodes/cmy.jpg') center center,
url('resource://css_blendmodes/cmy.jpg') bottom center;
background-blend-mode: %s;
min-width: 200px;
min-height: 200px;
}