gtkthemingbackground.c 15.8 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
/* 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
Javier Jardón's avatar
Javier Jardón committed
19
 * License along with this library. If not, see <http://www.gnu.org/licenses/>.
20 21
 */

22 23
#include "config.h"

24
#include "gtkthemingbackgroundprivate.h"
25

26
#include "gtkcssarrayvalueprivate.h"
27
#include "gtkcssbgsizevalueprivate.h"
28
#include "gtkcssenumvalueprivate.h"
29
#include "gtkcssimagevalueprivate.h"
30
#include "gtkcssshadowsvalueprivate.h"
31
#include "gtkcsspositionvalueprivate.h"
32
#include "gtkcssrepeatvalueprivate.h"
33
#include "gtkcsstypesprivate.h"
34 35
#include "gtkthemingengineprivate.h"

36 37
#include <math.h>

38 39
#include <gdk/gdk.h>

40 41 42 43 44
/* 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"

45 46 47 48 49 50 51 52
typedef struct {
  cairo_rectangle_t image_rect;
  GtkCssImage *image;
  GtkRoundedBox clip_box;

  gint idx;
} GtkThemingBackgroundLayer;

53
static void
54 55
_gtk_theming_background_layer_apply_origin (GtkThemingBackground *bg,
                                            GtkThemingBackgroundLayer *layer)
56 57
{
  cairo_rectangle_t image_rect;
58
  GtkCssValue *value = _gtk_style_context_peek_property (bg->context, GTK_CSS_PROPERTY_BACKGROUND_ORIGIN);
59
  GtkCssArea origin = _gtk_css_area_value_get (_gtk_css_array_value_get_nth (value, layer->idx));
60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85

  /* The default size of the background image depends on the
     background-origin value as this affects the top left
     and the bottom right corners. */
  switch (origin) {
  case GTK_CSS_AREA_BORDER_BOX:
    image_rect.x = 0;
    image_rect.y = 0;
    image_rect.width = bg->paint_area.width;
    image_rect.height = bg->paint_area.height;
    break;
  case GTK_CSS_AREA_CONTENT_BOX:
    image_rect.x = bg->border.left + bg->padding.left;
    image_rect.y = bg->border.top + bg->padding.top;
    image_rect.width = bg->paint_area.width - bg->border.left - bg->border.right - bg->padding.left - bg->padding.right;
    image_rect.height = bg->paint_area.height - bg->border.top - bg->border.bottom - bg->padding.top - bg->padding.bottom;
    break;
  case GTK_CSS_AREA_PADDING_BOX:
  default:
    image_rect.x = bg->border.left;
    image_rect.y = bg->border.top;
    image_rect.width = bg->paint_area.width - bg->border.left - bg->border.right;
    image_rect.height = bg->paint_area.height - bg->border.top - bg->border.bottom;
    break;
  }

86 87
  /* XXX: image_rect might have negative width/height here.
   * Do we need to do something about it? */
88
  layer->image_rect = image_rect;
89 90 91
}

static void
92 93 94
_gtk_theming_background_apply_clip (GtkThemingBackground *bg,
                                    GtkRoundedBox *box,
                                    GtkCssArea clip)
95 96 97
{
  if (clip == GTK_CSS_AREA_PADDING_BOX)
    {
98
      _gtk_rounded_box_shrink (box,
99 100 101 102 103
			       bg->border.top, bg->border.right,
			       bg->border.bottom, bg->border.left);
    }
  else if (clip == GTK_CSS_AREA_CONTENT_BOX)
    {
104
      _gtk_rounded_box_shrink (box,
105 106 107 108 109 110 111 112
			       bg->border.top + bg->padding.top,
			       bg->border.right + bg->padding.right,
			       bg->border.bottom + bg->padding.bottom,
			       bg->border.left + bg->padding.left);
    }
}

static void
113 114
_gtk_theming_background_layer_apply_clip (GtkThemingBackground *bg,
                                          GtkThemingBackgroundLayer *layer)
115
{
116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135
  GtkCssValue *value = _gtk_style_context_peek_property (bg->context, GTK_CSS_PROPERTY_BACKGROUND_CLIP);
  GtkCssArea clip = _gtk_css_area_value_get (_gtk_css_array_value_get_nth (value, layer->idx));

  _gtk_theming_background_apply_clip (bg, &layer->clip_box, clip);
}

static void
_gtk_theming_background_paint_color (GtkThemingBackground *bg,
                                     cairo_t              *cr,
                                     GtkCssValue          *background_image)
{
  GtkRoundedBox clip_box;
  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 
     (_gtk_style_context_peek_property (bg->context, GTK_CSS_PROPERTY_BACKGROUND_CLIP), 
      n_values - 1));

  clip_box = bg->border_box;
  _gtk_theming_background_apply_clip (bg, &clip_box, clip);
136

137 138
  cairo_save (cr);
  _gtk_rounded_box_path (&clip_box, cr);
139 140
  cairo_clip (cr);

141
  gdk_cairo_set_source_rgba (cr, &bg->bg_color);
142
  cairo_paint (cr);
143

144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159
  cairo_restore (cr);
}

static void
_gtk_theming_background_paint_layer (GtkThemingBackground *bg,
                                     GtkThemingBackgroundLayer *layer,
                                     cairo_t              *cr)
{
  cairo_save (cr);

  _gtk_rounded_box_path (&layer->clip_box, cr);
  cairo_clip (cr);

  if (layer->image
      && layer->image_rect.width > 0
      && layer->image_rect.height > 0)
160
    {
161
      const GtkCssValue *pos, *repeat;
162
      double image_width, image_height;
163
      double width, height;
164
      GtkCssRepeatStyle hrepeat, vrepeat;
165

166 167
      pos = _gtk_css_array_value_get_nth (_gtk_style_context_peek_property (bg->context, GTK_CSS_PROPERTY_BACKGROUND_POSITION), layer->idx);
      repeat = _gtk_css_array_value_get_nth (_gtk_style_context_peek_property (bg->context, GTK_CSS_PROPERTY_BACKGROUND_REPEAT), layer->idx);
168 169
      hrepeat = _gtk_css_background_repeat_value_get_x (repeat);
      vrepeat = _gtk_css_background_repeat_value_get_y (repeat);
170 171
      width = layer->image_rect.width;
      height = layer->image_rect.height;
172

173 174
      _gtk_css_bg_size_value_compute_size (_gtk_css_array_value_get_nth (_gtk_style_context_peek_property (bg->context, GTK_CSS_PROPERTY_BACKGROUND_SIZE), layer->idx),
                                           layer->image,
175 176 177 178
                                           width,
                                           height,
                                           &image_width,
                                           &image_height);
179

180 181
      /* optimization */
      if (image_width == width)
182
        hrepeat = GTK_CSS_REPEAT_STYLE_NO_REPEAT;
183
      if (image_height == height)
184
        vrepeat = GTK_CSS_REPEAT_STYLE_NO_REPEAT;
185

186
      cairo_translate (cr, layer->image_rect.x, layer->image_rect.y);
187

188
      if (hrepeat == GTK_CSS_REPEAT_STYLE_NO_REPEAT && vrepeat == GTK_CSS_REPEAT_STYLE_NO_REPEAT)
189
        {
190
	  cairo_translate (cr,
191 192
			   _gtk_css_position_value_get_x (pos, width - image_width),
			   _gtk_css_position_value_get_y (pos, height - image_height));
193
          /* shortcut for normal case */
194
          _gtk_css_image_draw (layer->image, cr, image_width, image_height);
195 196 197 198
        }
      else
        {
          int surface_width, surface_height;
199
          cairo_rectangle_t fill_rect;
200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218
          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. 
           */
219
          if (hrepeat == GTK_CSS_REPEAT_STYLE_ROUND)
220 221 222 223 224
            {
              double n = round (width / image_width);

              n = MAX (1, n);

225
              if (vrepeat != GTK_CSS_REPEAT_STYLE_ROUND
226 227 228 229
                  /* && vsize == auto (it is by default) */)
                image_height *= width / (image_width * n);
              image_width = width / n;
            }
230
          if (vrepeat == GTK_CSS_REPEAT_STYLE_ROUND)
231 232 233 234 235
            {
              double n = round (height / image_height);

              n = MAX (1, n);

236
              if (hrepeat != GTK_CSS_REPEAT_STYLE_ROUND
237 238 239 240 241 242 243
                  /* && 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. */
244
          if (hrepeat == GTK_CSS_REPEAT_STYLE_SPACE)
245 246 247 248 249 250 251
            {
              double n = floor (width / image_width);
              surface_width = n ? round (width / n) : 0;
            }
          else
            surface_width = round (image_width);

252
          if (vrepeat == GTK_CSS_REPEAT_STYLE_SPACE)
253 254 255 256 257 258 259 260 261 262 263 264 265 266
            {
              double n = floor (height / image_height);
              surface_height = n ? round (height / n) : 0;
            }
          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));
267
          _gtk_css_image_draw (layer->image, cr2, image_width, image_height);
268 269 270
          cairo_destroy (cr2);

          cairo_set_source_surface (cr, surface,
271 272
                                    _gtk_css_position_value_get_x (pos, width - image_width),
                                    _gtk_css_position_value_get_y (pos, height - image_height));
273 274 275
          cairo_pattern_set_extend (cairo_get_source (cr), CAIRO_EXTEND_REPEAT);
          cairo_surface_destroy (surface);

276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299
          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);
300 301
          cairo_fill (cr);
        }
302 303
    }

304
  cairo_restore (cr);
305 306 307 308 309 310
}

static void
_gtk_theming_background_apply_shadow (GtkThemingBackground *bg,
                                      cairo_t              *cr)
{
311 312 313
  _gtk_css_shadows_value_paint_box (_gtk_style_context_peek_property (bg->context, GTK_CSS_PROPERTY_BOX_SHADOW),
                                    cr,
                                    &bg->padding_box);
314 315
}

316 317 318 319 320 321 322 323 324 325 326 327 328 329 330
static void
_gtk_theming_background_init_layer (GtkThemingBackground *bg,
                                    GtkThemingBackgroundLayer *layer,
                                    GtkCssValue *background_image,
                                    gint idx)
{
  layer->idx = idx;
  layer->clip_box = bg->border_box;

  _gtk_theming_background_layer_apply_clip (bg, layer);
  _gtk_theming_background_layer_apply_origin (bg, layer);

  layer->image = _gtk_css_image_value_get_image (_gtk_css_array_value_get_nth (background_image, layer->idx));
}

331
static void
332
_gtk_theming_background_init_context (GtkThemingBackground *bg)
333
{
334
  bg->flags = gtk_style_context_get_state (bg->context);
335

336 337 338
  gtk_style_context_get_border (bg->context, bg->flags, &bg->border);
  gtk_style_context_get_padding (bg->context, bg->flags, &bg->padding);
  gtk_style_context_get_background_color (bg->context, bg->flags, &bg->bg_color);
339 340 341 342 343 344 345 346 347

  /* 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.
   */
348 349
  _gtk_rounded_box_init_rect (&bg->border_box, 0, 0, bg->paint_area.width, bg->paint_area.height);
  _gtk_rounded_box_apply_border_radius_for_context (&bg->border_box, bg->context, bg->junction);
350

351
  bg->padding_box = bg->border_box;
352 353 354 355 356 357 358 359 360 361 362 363 364
  _gtk_rounded_box_shrink (&bg->padding_box,
			   bg->border.top, bg->border.right,
			   bg->border.bottom, bg->border.left);
}

void
_gtk_theming_background_init (GtkThemingBackground *bg,
                              GtkThemingEngine     *engine,
                              gdouble               x,
                              gdouble               y,
                              gdouble               width,
                              gdouble               height,
                              GtkJunctionSides      junction)
365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383
{
  GtkStyleContext *context;

  g_assert (bg != NULL);

  context = _gtk_theming_engine_get_context (engine);
  _gtk_theming_background_init_from_context (bg, context,
                                             x, y, width, height,
                                             junction);
}

void
_gtk_theming_background_init_from_context (GtkThemingBackground *bg,
                                           GtkStyleContext      *context,
                                           gdouble               x,
                                           gdouble               y,
                                           gdouble               width,
                                           gdouble               height,
                                           GtkJunctionSides      junction)
384 385 386
{
  g_assert (bg != NULL);

387
  bg->context = context;
388 389 390 391 392 393 394 395

  bg->paint_area.x = x;
  bg->paint_area.y = y;
  bg->paint_area.width = width;
  bg->paint_area.height = height;

  bg->junction = junction;

396
  _gtk_theming_background_init_context (bg);
397 398 399 400 401 402
}

void
_gtk_theming_background_render (GtkThemingBackground *bg,
                                cairo_t              *cr)
{
403 404 405 406 407 408
  gint idx;
  GtkThemingBackgroundLayer layer;
  GtkCssValue *background_image;

  background_image = _gtk_style_context_peek_property (bg->context, GTK_CSS_PROPERTY_BACKGROUND_IMAGE);

409 410 411
  cairo_save (cr);
  cairo_translate (cr, bg->paint_area.x, bg->paint_area.y);

412 413 414 415 416 417 418 419
  _gtk_theming_background_paint_color (bg, cr, background_image);

  for (idx = _gtk_css_array_value_get_n_values (background_image) - 1; idx >= 0; idx--)
    {
      _gtk_theming_background_init_layer (bg, &layer, background_image, idx);
      _gtk_theming_background_paint_layer (bg, &layer, cr);
    }

420 421 422 423 424 425 426 427
  _gtk_theming_background_apply_shadow (bg, cr);

  cairo_restore (cr);
}

gboolean
_gtk_theming_background_has_background_image (GtkThemingBackground *bg)
{
428 429 430 431 432 433 434 435
  GtkCssImage *image;
  GtkCssValue *value = _gtk_style_context_peek_property (bg->context, GTK_CSS_PROPERTY_BACKGROUND_IMAGE);

  if (_gtk_css_array_value_get_n_values (value) == 0)
    return FALSE;

  image = _gtk_css_image_value_get_image (_gtk_css_array_value_get_nth (value, 0));
  return (image != NULL);
436
}