1 /* GTK - The GIMP Toolkit
3 * Copyright (C) 2012 Red Hat, Inc.
5 * This library is free software; you can redistribute it and/or
6 * modify it under the terms of the GNU Lesser General Public
7 * License as published by the Free Software Foundation; either
8 * version 2 of the License, or (at your option) any later version.
10 * This library is distributed in the hope that it will be useful,
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
13 * Lesser General Public License for more details.
15 * You should have received a copy of the GNU Lesser General Public
16 * License along with this library; if not, write to the
17 * Free Software Foundation, Inc., 59 Temple Place - Suite 330,
18 * Boston, MA 02111-1307, USA.
23 #include "gtkcolorchooserprivate.h"
24 #include "gtkcolorchooserwidget.h"
25 #include "gtkcoloreditor.h"
26 #include "gtkcolorswatch.h"
31 #include "gtkorientable.h"
32 #include "gtkprivate.h"
34 #include "gtksizegroup.h"
35 #include "gtkalignment.h"
38 * SECTION:gtkcolorchooserwidget
39 * @Short_description: A widget for choosing colors
40 * @Title: GtkColorChooserWidget
41 * @See_also: #GtkColorChooserDialog
43 * The #GtkColorChooserWidget widget lets the user select a
44 * color. By default, the chooser presents a prefined palette
45 * of colors, plus a small number of settable custom colors.
46 * It is also possible to select a different color with the
47 * single-color editor. To enter the single-color editing mode,
48 * use the context menu of any color of the palette, or use the
49 * '+' button to add a new custom color.
51 * The chooser automatically remembers the last selection, as well
54 * To change the initially selected color, use gtk_color_chooser_set_rgba().
55 * To get the selected font use gtk_color_chooser_get_rgba().
57 * The #GtkColorChooserWidget is used in the #GtkColorChooserDialog
58 * to provide a dialog for selecting colors.
63 struct _GtkColorChooserWidgetPrivate
73 GtkColorSwatch *current;
76 GtkSizeGroup *size_group;
89 static void gtk_color_chooser_widget_iface_init (GtkColorChooserInterface *iface);
91 G_DEFINE_TYPE_WITH_CODE (GtkColorChooserWidget, gtk_color_chooser_widget, GTK_TYPE_BOX,
92 G_IMPLEMENT_INTERFACE (GTK_TYPE_COLOR_CHOOSER,
93 gtk_color_chooser_widget_iface_init))
96 select_swatch (GtkColorChooserWidget *cc,
97 GtkColorSwatch *swatch)
101 if (cc->priv->current == swatch)
103 if (cc->priv->current != NULL)
104 gtk_color_swatch_set_selected (cc->priv->current, FALSE);
105 gtk_color_swatch_set_selected (swatch, TRUE);
106 cc->priv->current = swatch;
107 gtk_color_swatch_get_rgba (swatch, &color);
108 g_settings_set (cc->priv->settings, "selected-color", "(bdddd)",
109 TRUE, color.red, color.green, color.blue, color.alpha);
111 g_object_notify (G_OBJECT (cc), "rgba");
114 static void save_custom_colors (GtkColorChooserWidget *cc);
117 button_activate (GtkColorSwatch *swatch,
118 GtkColorChooserWidget *cc)
122 /* somewhat random, makes the hairline nicely visible */
128 gtk_color_chooser_set_rgba (GTK_COLOR_CHOOSER (cc->priv->editor), &color);
130 gtk_widget_hide (cc->priv->palette);
131 gtk_widget_show (cc->priv->editor);
135 swatch_activate (GtkColorSwatch *swatch,
136 GtkColorChooserWidget *cc)
140 gtk_color_swatch_get_rgba (swatch, &color);
141 _gtk_color_chooser_color_activated (GTK_COLOR_CHOOSER (cc), &color);
145 swatch_customize (GtkColorSwatch *swatch,
146 GtkColorChooserWidget *cc)
150 gtk_color_swatch_get_rgba (swatch, &color);
151 gtk_color_chooser_set_rgba (GTK_COLOR_CHOOSER (cc->priv->editor), &color);
153 gtk_widget_hide (cc->priv->palette);
154 gtk_widget_show (cc->priv->editor);
158 swatch_selected (GtkColorSwatch *swatch,
160 GtkColorChooserWidget *cc)
162 select_swatch (cc, swatch);
166 connect_swatch_signals (GtkWidget *p, gpointer data)
168 g_signal_connect (p, "activate", G_CALLBACK (swatch_activate), data);
169 g_signal_connect (p, "customize", G_CALLBACK (swatch_customize), data);
170 g_signal_connect (p, "notify::selected", G_CALLBACK (swatch_selected), data);
174 connect_button_signals (GtkWidget *p, gpointer data)
176 g_signal_connect (p, "activate", G_CALLBACK (button_activate), data);
180 connect_custom_signals (GtkWidget *p, gpointer data)
182 connect_swatch_signals (p, data);
183 g_signal_connect_swapped (p, "notify::color",
184 G_CALLBACK (save_custom_colors), data);
188 save_custom_colors (GtkColorChooserWidget *cc)
190 GVariantBuilder builder;
196 g_variant_builder_init (&builder, G_VARIANT_TYPE ("a(dddd)"));
199 while ((child = gtk_grid_get_child_at (GTK_GRID (cc->priv->custom), i, 0)) != NULL)
202 if (gtk_color_swatch_get_rgba (GTK_COLOR_SWATCH (child), &color))
204 g_variant_builder_add (&builder, "(dddd)",
205 color.red, color.green, color.blue, color.alpha);
209 variant = g_variant_builder_end (&builder);
210 g_settings_set_value (cc->priv->settings, "custom-colors", variant);
214 gtk_color_chooser_widget_init (GtkColorChooserWidget *cc)
218 GtkWidget *alignment;
227 const gchar *default_palette[9][3] = {
228 { "#ef2929", "#cc0000", "#a40000" }, /* Scarlet Red */
229 { "#fcaf3e", "#f57900", "#ce5c00" }, /* Orange */
230 { "#fce94f", "#edd400", "#c4a000" }, /* Butter */
231 { "#8ae234", "#73d216", "#4e9a06" }, /* Chameleon */
232 { "#729fcf", "#3465a4", "#204a87" }, /* Sky Blue */
233 { "#ad7fa8", "#75507b", "#5c3566" }, /* Plum */
234 { "#e9b96e", "#c17d11", "#8f5902" }, /* Chocolate */
235 { "#888a85", "#555753", "#2e3436" }, /* Aluminum 1 */
236 { "#eeeeec", "#d3d7cf", "#babdb6" } /* Aluminum 2 */
238 const gchar *default_grayscale[9] = {
250 cc->priv = G_TYPE_INSTANCE_GET_PRIVATE (cc, GTK_TYPE_COLOR_CHOOSER_WIDGET, GtkColorChooserWidgetPrivate);
252 gtk_orientable_set_orientation (GTK_ORIENTABLE (cc), GTK_ORIENTATION_VERTICAL);
253 cc->priv->palette = gtk_box_new (GTK_ORIENTATION_VERTICAL, 0);
254 gtk_container_add (GTK_CONTAINER (cc), cc->priv->palette);
256 cc->priv->colors = grid = gtk_grid_new ();
257 gtk_widget_set_margin_bottom (grid, 12);
258 gtk_grid_set_row_spacing (GTK_GRID (grid), 2);
259 gtk_grid_set_column_spacing (GTK_GRID (grid), 4);
260 gtk_container_add (GTK_CONTAINER (cc->priv->palette), grid);
262 for (i = 0; i < 9; i++)
264 for (j = 0; j < 3; j++)
266 gdk_rgba_parse (&color, default_palette[i][j]);
268 p = gtk_color_swatch_new ();
269 connect_swatch_signals (p, cc);
272 gtk_color_swatch_set_corner_radii (GTK_COLOR_SWATCH (p), 10, 10, 1, 1);
274 gtk_color_swatch_set_corner_radii (GTK_COLOR_SWATCH (p), 1, 1, 10, 10);
276 gtk_color_swatch_set_corner_radii (GTK_COLOR_SWATCH (p), 1, 1, 1, 1);
278 gtk_color_swatch_set_rgba (GTK_COLOR_SWATCH (p), &color);
279 gtk_grid_attach (GTK_GRID (grid), p, i, j, 1, 1);
283 cc->priv->grays = grid = gtk_grid_new ();
284 g_object_set (grid, "margin-bottom", 18, NULL);
285 gtk_grid_set_column_spacing (GTK_GRID (grid), 4);
286 gtk_container_add (GTK_CONTAINER (cc->priv->palette), grid);
288 left = (gtk_widget_get_direction (GTK_WIDGET (cc)) == GTK_TEXT_DIR_LTR) ? 0 : 8;
290 for (i = 0; i < 9; i++)
292 gdk_rgba_parse (&color, default_grayscale[i]);
295 p = gtk_color_swatch_new ();
296 connect_swatch_signals (p, cc);
298 gtk_color_swatch_set_corner_radii (GTK_COLOR_SWATCH (p), 10, 1, 1, 10);
299 else if (i == (8 - left))
300 gtk_color_swatch_set_corner_radii (GTK_COLOR_SWATCH (p), 1, 10, 10, 1);
302 gtk_color_swatch_set_corner_radii (GTK_COLOR_SWATCH (p), 1, 1, 1, 1);
304 gtk_color_swatch_set_rgba (GTK_COLOR_SWATCH (p), &color);
305 gtk_grid_attach (GTK_GRID (grid), p, i, 0, 1, 1);
308 /* translators: label for the custom section in the color chooser */
309 label = gtk_label_new (_("Custom"));
310 gtk_widget_set_halign (label, GTK_ALIGN_START);
311 gtk_container_add (GTK_CONTAINER (cc->priv->palette), label);
313 cc->priv->custom = grid = gtk_grid_new ();
314 g_object_set (grid, "margin-top", 12, NULL);
315 gtk_grid_set_column_spacing (GTK_GRID (grid), 4);
316 gtk_container_add (GTK_CONTAINER (cc->priv->palette), grid);
318 cc->priv->button = button = gtk_color_swatch_new ();
319 gtk_color_swatch_set_corner_radii (GTK_COLOR_SWATCH (button), 10, 10, 10, 10);
320 connect_button_signals (button, cc);
321 gtk_color_swatch_set_icon (GTK_COLOR_SWATCH (button), "list-add-symbolic");
322 gtk_grid_attach (GTK_GRID (grid), button, 0, 0, 1, 1);
324 cc->priv->settings = g_settings_new_with_path ("org.gtk.Settings.ColorChooser",
325 "/org/gtk/settings/color-chooser/");
326 variant = g_settings_get_value (cc->priv->settings, "custom-colors");
327 g_variant_iter_init (&iter, variant);
329 while (g_variant_iter_loop (&iter, "(dddd)", &color.red, &color.green, &color.blue, &color.alpha))
332 p = gtk_color_swatch_new ();
333 gtk_color_swatch_set_corner_radii (GTK_COLOR_SWATCH (p), 1, 1, 1, 1);
334 gtk_color_swatch_set_rgba (GTK_COLOR_SWATCH (p), &color);
335 gtk_color_swatch_set_can_drop (GTK_COLOR_SWATCH (p), TRUE);
336 connect_custom_signals (p, cc);
337 gtk_grid_attach (GTK_GRID (grid), p, i, 0, 1, 1);
342 g_variant_unref (variant);
346 if (gtk_widget_get_direction (GTK_WIDGET (cc)) == GTK_TEXT_DIR_LTR)
348 gtk_color_swatch_set_corner_radii (GTK_COLOR_SWATCH (p), 1, 10, 10, 1);
349 gtk_color_swatch_set_corner_radii (GTK_COLOR_SWATCH (button), 10, 1, 1, 10);
353 gtk_color_swatch_set_corner_radii (GTK_COLOR_SWATCH (button), 1, 10, 10, 1);
354 gtk_color_swatch_set_corner_radii (GTK_COLOR_SWATCH (p), 10, 1, 1, 10);
358 cc->priv->editor = gtk_color_editor_new ();
359 alignment = gtk_alignment_new (0.5, 0.5, 0, 0);
360 gtk_container_add (GTK_CONTAINER (cc), alignment);
361 gtk_container_add (GTK_CONTAINER (alignment), cc->priv->editor);
363 g_settings_get (cc->priv->settings, "selected-color", "(bdddd)",
365 &color.red, &color.green, &color.blue, &color.alpha);
367 gtk_color_chooser_set_rgba (GTK_COLOR_CHOOSER (cc), &color);
369 gtk_widget_show_all (GTK_WIDGET (cc));
370 gtk_widget_hide (GTK_WIDGET (cc->priv->editor));
371 gtk_widget_hide (GTK_WIDGET (cc));
373 gtk_widget_set_no_show_all (cc->priv->palette, TRUE);
374 gtk_widget_set_no_show_all (cc->priv->editor, TRUE);
376 cc->priv->size_group = gtk_size_group_new (GTK_SIZE_GROUP_HORIZONTAL);
377 gtk_size_group_add_widget (cc->priv->size_group, cc->priv->palette);
378 gtk_size_group_add_widget (cc->priv->size_group, alignment);
382 gtk_color_chooser_widget_get_property (GObject *object,
387 GtkColorChooserWidget *cw = GTK_COLOR_CHOOSER_WIDGET (object);
388 GtkColorChooser *cc = GTK_COLOR_CHOOSER (object);
396 gtk_color_chooser_get_rgba (cc, &color);
397 g_value_set_boxed (value, &color);
401 g_value_set_boolean (value, cw->priv->use_alpha);
403 case PROP_SHOW_EDITOR:
404 g_value_set_boolean (value, gtk_widget_get_visible (cw->priv->editor));
407 G_OBJECT_WARN_INVALID_PROPERTY_ID (object, prop_id, pspec);
413 gtk_color_chooser_widget_set_use_alpha (GtkColorChooserWidget *cc,
421 cc->priv->use_alpha = use_alpha;
422 gtk_color_chooser_set_use_alpha (GTK_COLOR_CHOOSER (cc->priv->editor), use_alpha);
424 grids[0] = cc->priv->colors;
425 grids[1] = cc->priv->grays;
426 grids[2] = cc->priv->custom;
428 for (i = 0; i < 3; i++)
430 children = gtk_container_get_children (GTK_CONTAINER (grids[i]));
431 for (l = children; l; l = l->next)
434 gtk_color_swatch_set_use_alpha (GTK_COLOR_SWATCH (swatch), use_alpha);
436 g_list_free (children);
439 gtk_widget_queue_draw (GTK_WIDGET (cc));
443 gtk_color_chooser_widget_set_show_editor (GtkColorChooserWidget *cc,
444 gboolean show_editor)
446 gtk_widget_set_visible (cc->priv->editor, show_editor);
447 gtk_widget_set_visible (cc->priv->palette, !show_editor);
451 gtk_color_chooser_widget_set_property (GObject *object,
456 GtkColorChooserWidget *cc = GTK_COLOR_CHOOSER_WIDGET (object);
461 gtk_color_chooser_set_rgba (GTK_COLOR_CHOOSER (cc),
462 g_value_get_boxed (value));
465 gtk_color_chooser_widget_set_use_alpha (cc,
466 g_value_get_boolean (value));
468 case PROP_SHOW_EDITOR:
469 gtk_color_chooser_widget_set_show_editor (cc,
470 g_value_get_boolean (value));
473 G_OBJECT_WARN_INVALID_PROPERTY_ID (object, prop_id, pspec);
479 gtk_color_chooser_widget_finalize (GObject *object)
481 GtkColorChooserWidget *cc = GTK_COLOR_CHOOSER_WIDGET (object);
483 g_object_unref (cc->priv->size_group);
484 g_object_unref (cc->priv->settings);
486 G_OBJECT_CLASS (gtk_color_chooser_widget_parent_class)->finalize (object);
490 gtk_color_chooser_widget_class_init (GtkColorChooserWidgetClass *class)
492 GObjectClass *object_class = G_OBJECT_CLASS (class);
494 object_class->get_property = gtk_color_chooser_widget_get_property;
495 object_class->set_property = gtk_color_chooser_widget_set_property;
496 object_class->finalize = gtk_color_chooser_widget_finalize;
498 g_object_class_override_property (object_class, PROP_RGBA, "rgba");
499 g_object_class_override_property (object_class, PROP_USE_ALPHA, "use-alpha");
502 * GtkColorChooserWidget:show-editor:
504 * The ::show-editor property is %TRUE when the color chooser
505 * is showing the single-color editor. It can be set to switch
506 * the color chooser into single-color editing mode.
510 g_object_class_install_property (object_class, PROP_SHOW_EDITOR,
511 g_param_spec_boolean ("show-editor", P_("Show editor"), P_("Show editor"),
512 FALSE, GTK_PARAM_READWRITE));
514 g_type_class_add_private (object_class, sizeof (GtkColorChooserWidgetPrivate));
518 gtk_color_chooser_widget_get_rgba (GtkColorChooser *chooser,
521 GtkColorChooserWidget *cc = GTK_COLOR_CHOOSER_WIDGET (chooser);
523 if (gtk_widget_get_visible (cc->priv->editor))
524 gtk_color_chooser_get_rgba (GTK_COLOR_CHOOSER (cc->priv->editor), color);
525 else if (cc->priv->current)
526 gtk_color_swatch_get_rgba (cc->priv->current, color);
535 if (!cc->priv->use_alpha)
540 add_custom_color (GtkColorChooserWidget *cc,
541 const GdkRGBA *color)
546 last = gtk_grid_get_child_at (GTK_GRID (cc->priv->custom), 8, 0);
549 gtk_container_remove (GTK_CONTAINER (cc->priv->custom), last);
550 last = gtk_grid_get_child_at (GTK_GRID (cc->priv->custom), 7, 0);
551 gtk_color_swatch_set_corner_radii (GTK_COLOR_SWATCH (last), 1, 10, 10, 1);
554 gtk_color_swatch_set_corner_radii (GTK_COLOR_SWATCH (cc->priv->button), 10, 1, 1, 10);
556 p = gtk_color_swatch_new ();
557 gtk_color_swatch_set_rgba (GTK_COLOR_SWATCH (p), color);
558 gtk_color_swatch_set_can_drop (GTK_COLOR_SWATCH (p), TRUE);
559 connect_custom_signals (p, cc);
561 if (gtk_grid_get_child_at (GTK_GRID (cc->priv->custom), 1, 0) != NULL)
562 gtk_color_swatch_set_corner_radii (GTK_COLOR_SWATCH (p), 1, 1, 1, 1);
564 gtk_color_swatch_set_corner_radii (GTK_COLOR_SWATCH (p), 1, 10, 10, 1);
566 gtk_grid_insert_next_to (GTK_GRID (cc->priv->custom), cc->priv->button, GTK_POS_RIGHT);
567 gtk_grid_attach (GTK_GRID (cc->priv->custom), p, 1, 0, 1, 1);
570 select_swatch (cc, GTK_COLOR_SWATCH (p));
571 save_custom_colors (cc);
575 gtk_color_chooser_widget_set_rgba (GtkColorChooser *chooser,
576 const GdkRGBA *color)
578 GtkColorChooserWidget *cc = GTK_COLOR_CHOOSER_WIDGET (chooser);
580 GtkColorSwatch *swatch;
585 grids[0] = cc->priv->colors;
586 grids[1] = cc->priv->grays;
587 grids[2] = cc->priv->custom;
589 for (i = 0; i < 3; i++)
591 children = gtk_container_get_children (GTK_CONTAINER (grids[i]));
592 for (l = children; l; l = l->next)
595 gtk_color_swatch_get_rgba (swatch, &c);
596 if (!cc->priv->use_alpha)
597 c.alpha = color->alpha;
598 if (gdk_rgba_equal (color, &c))
600 select_swatch (cc, swatch);
601 g_list_free (children);
605 g_list_free (children);
608 add_custom_color (cc, color);
612 gtk_color_chooser_widget_iface_init (GtkColorChooserInterface *iface)
614 iface->get_rgba = gtk_color_chooser_widget_get_rgba;
615 iface->set_rgba = gtk_color_chooser_widget_set_rgba;
619 * gtk_color_chooser_widget_new:
621 * Creates a new #GtkColorChooserWidget.
623 * Returns: a new #GtkColorChooserWidget
628 gtk_color_chooser_widget_new (void)
630 return g_object_new (GTK_TYPE_COLOR_CHOOSER_WIDGET, NULL);