1 /* GTK - The GIMP Toolkit
2 * Copyright (C) 2012 Red Hat, Inc.
4 * This library is free software; you can redistribute it and/or
5 * modify it under the terms of the GNU Lesser General Public
6 * License as published by the Free Software Foundation; either
7 * version 2 of the License, or (at your option) any later version.
9 * This library is distributed in the hope that it will be useful,
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of
11 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
12 * Lesser General Public License for more details.
14 * You should have received a copy of the GNU Lesser General Public
15 * License along with this library. If not, see <http://www.gnu.org/licenses/>.
20 * - accessible relations for popups
21 * - saving per-application (?)
22 * - better popup theming
27 #include "gtkcoloreditorprivate.h"
29 #include "gtkcolorchooserprivate.h"
30 #include "gtkcolorplaneprivate.h"
31 #include "gtkcolorscaleprivate.h"
32 #include "gtkcolorswatchprivate.h"
33 #include "gtkcolorutils.h"
35 #include "gtkorientable.h"
37 #include "gtkoverlay.h"
38 #include "gtkadjustment.h"
40 #include "gtkspinbutton.h"
42 #include "gtkstylecontext.h"
46 struct _GtkColorEditorPrivate
62 GtkWidget *current_popup;
63 GtkWidget *popdown_focus;
70 guint text_changed : 1;
81 static void gtk_color_editor_iface_init (GtkColorChooserInterface *iface);
83 G_DEFINE_TYPE_WITH_CODE (GtkColorEditor, gtk_color_editor, GTK_TYPE_BOX,
84 G_IMPLEMENT_INTERFACE (GTK_TYPE_COLOR_CHOOSER,
85 gtk_color_editor_iface_init))
88 scale_round (gdouble value, gdouble scale)
90 value = floor (value * scale + 0.5);
91 value = MAX (value, 0);
92 value = MIN (value, scale);
97 entry_set_rgba (GtkColorEditor *editor,
102 text = g_strdup_printf ("#%02X%02X%02X",
103 scale_round (color->red, 255),
104 scale_round (color->green, 255),
105 scale_round (color->blue, 255));
106 gtk_entry_set_text (GTK_ENTRY (editor->priv->entry), text);
107 editor->priv->text_changed = FALSE;
112 entry_apply (GtkWidget *entry,
113 GtkColorEditor *editor)
118 if (!editor->priv->text_changed)
121 text = gtk_editable_get_chars (GTK_EDITABLE (editor->priv->entry), 0, -1);
122 if (gdk_rgba_parse (&color, text))
124 color.alpha = gtk_adjustment_get_value (editor->priv->a_adj);
125 gtk_color_chooser_set_rgba (GTK_COLOR_CHOOSER (editor), &color);
128 editor->priv->text_changed = FALSE;
134 entry_focus_out (GtkWidget *entry,
135 GdkEventFocus *event,
136 GtkColorEditor *editor)
138 entry_apply (entry, editor);
143 entry_text_changed (GtkWidget *entry,
145 GtkColorEditor *editor)
147 editor->priv->text_changed = TRUE;
151 hsv_changed (GtkColorEditor *editor)
156 h = gtk_adjustment_get_value (editor->priv->h_adj);
157 s = gtk_adjustment_get_value (editor->priv->s_adj);
158 v = gtk_adjustment_get_value (editor->priv->v_adj);
159 a = gtk_adjustment_get_value (editor->priv->a_adj);
161 gtk_hsv_to_rgb (h, s, v, &color.red, &color.green, &color.blue);
164 gtk_color_swatch_set_rgba (GTK_COLOR_SWATCH (editor->priv->swatch), &color);
165 gtk_color_scale_set_rgba (GTK_COLOR_SCALE (editor->priv->a_slider), &color);
166 entry_set_rgba (editor, &color);
168 g_object_notify (G_OBJECT (editor), "rgba");
172 dismiss_current_popup (GtkColorEditor *editor)
174 if (editor->priv->current_popup)
176 gtk_widget_hide (editor->priv->current_popup);
177 editor->priv->current_popup = NULL;
178 if (editor->priv->popdown_focus)
180 gtk_widget_grab_focus (editor->priv->popdown_focus);
181 editor->priv->popdown_focus = NULL;
187 popup_edit (GtkWidget *widget,
188 GtkColorEditor *editor)
190 GtkWidget *popup = NULL;
194 if (widget == editor->priv->sv_plane)
196 popup = editor->priv->sv_popup;
197 focus = editor->priv->s_entry;
199 else if (widget == editor->priv->h_slider)
201 popup = editor->priv->h_popup;
202 focus = editor->priv->h_entry;
204 else if (widget == editor->priv->a_slider)
206 popup = editor->priv->a_popup;
207 focus = editor->priv->a_entry;
212 dismiss_current_popup (editor);
213 toplevel = gtk_widget_get_toplevel (GTK_WIDGET (editor));
214 editor->priv->popdown_focus = gtk_window_get_focus (GTK_WINDOW (toplevel));
215 editor->priv->current_popup = popup;
216 gtk_widget_show (popup);
217 gtk_widget_grab_focus (focus);
222 popup_key_press (GtkWidget *popup,
224 GtkColorEditor *editor)
226 if (event->keyval == GDK_KEY_Escape)
228 dismiss_current_popup (editor);
236 get_child_position (GtkOverlay *overlay,
238 GtkAllocation *allocation,
239 GtkColorEditor *editor)
245 gtk_widget_get_preferred_size (widget, &req, NULL);
247 allocation->width = req.width;
248 allocation->height = req.height;
250 if (widget == editor->priv->sv_popup)
252 if (gtk_widget_get_direction (GTK_WIDGET (overlay)) == GTK_TEXT_DIR_RTL)
255 allocation->x = gtk_widget_get_allocated_width (GTK_WIDGET (overlay)) - req.width;
256 allocation->y = req.height / 3;
258 else if (widget == editor->priv->h_popup)
260 gtk_widget_get_allocation (editor->priv->h_slider, &alloc);
261 gtk_range_get_slider_range (GTK_RANGE (editor->priv->h_slider), &s, &e);
263 if (gtk_widget_get_direction (GTK_WIDGET (overlay)) == GTK_TEXT_DIR_RTL)
264 gtk_widget_translate_coordinates (editor->priv->h_slider,
265 gtk_widget_get_parent (editor->priv->grid),
266 - req.width, (s + e - req.height) / 2,
267 &allocation->x, &allocation->y);
269 gtk_widget_translate_coordinates (editor->priv->h_slider,
270 gtk_widget_get_parent (editor->priv->grid),
271 alloc.width, (s + e - req.height) / 2,
272 &allocation->x, &allocation->y);
274 else if (widget == editor->priv->a_popup)
276 gtk_widget_get_allocation (editor->priv->a_slider, &alloc);
277 gtk_range_get_slider_range (GTK_RANGE (editor->priv->a_slider), &s, &e);
279 gtk_widget_translate_coordinates (editor->priv->a_slider,
280 gtk_widget_get_parent (editor->priv->grid),
281 (s + e - req.width) / 2, - req.height,
282 &allocation->x, &allocation->y);
287 allocation->x = CLAMP (allocation->x, 0, gtk_widget_get_allocated_width (GTK_WIDGET (overlay)) - req.width);
288 allocation->y = CLAMP (allocation->y, 0, gtk_widget_get_allocated_height (GTK_WIDGET (overlay)) - req.height);
294 value_changed (GtkAdjustment *a,
299 scale = gtk_adjustment_get_upper (as) / gtk_adjustment_get_upper (a);
300 g_signal_handlers_block_by_func (as, value_changed, a);
301 gtk_adjustment_set_value (as, gtk_adjustment_get_value (a) * scale);
302 g_signal_handlers_unblock_by_func (as, value_changed, a);
305 static GtkAdjustment *
306 scaled_adjustment (GtkAdjustment *a,
311 as = gtk_adjustment_new (gtk_adjustment_get_value (a) * scale,
312 gtk_adjustment_get_lower (a) * scale,
313 gtk_adjustment_get_upper (a) * scale,
314 gtk_adjustment_get_step_increment (a) * scale,
315 gtk_adjustment_get_page_increment (a) * scale,
316 gtk_adjustment_get_page_size (a) * scale);
318 g_signal_connect (a, "value-changed", G_CALLBACK (value_changed), as);
319 g_signal_connect (as, "value-changed", G_CALLBACK (value_changed), a);
325 popup_draw (GtkWidget *popup,
327 GtkColorEditor *editor)
329 GtkStyleContext *context;
332 context = gtk_widget_get_style_context (popup);
333 width = gtk_widget_get_allocated_width (popup);
334 height = gtk_widget_get_allocated_height (popup);
336 gtk_render_background (context, cr, 0, 0, width, height);
337 gtk_render_frame (context, cr, 0, 0, width, height);
343 create_popup (GtkColorEditor *editor,
349 g_object_set (contents, "margin", 12, NULL);
351 popup = gtk_box_new (GTK_ORIENTATION_HORIZONTAL, 0);
352 gtk_style_context_add_class (gtk_widget_get_style_context (popup), GTK_STYLE_CLASS_TOOLTIP);
353 gtk_container_add (GTK_CONTAINER (popup), contents);
355 gtk_widget_show_all (contents);
356 gtk_widget_set_no_show_all (popup, TRUE);
358 g_signal_connect (popup, "draw", G_CALLBACK (popup_draw), editor);
360 gtk_overlay_add_overlay (GTK_OVERLAY (editor->priv->overlay), popup);
361 g_signal_connect (attach, "popup-menu", G_CALLBACK (popup_edit), editor);
367 gtk_color_editor_init (GtkColorEditor *editor)
373 GtkAdjustment *h_adj, *s_adj, *v_adj, *a_adj;
375 GdkRGBA transparent = { 0, 0, 0, 0 };
377 editor->priv = G_TYPE_INSTANCE_GET_PRIVATE (editor,
378 GTK_TYPE_COLOR_EDITOR,
379 GtkColorEditorPrivate);
380 editor->priv->use_alpha = TRUE;
382 editor->priv->h_adj = h_adj = gtk_adjustment_new (0, 0, 1, 0.01, 0.1, 0);
383 editor->priv->s_adj = s_adj = gtk_adjustment_new (0, 0, 1, 0.01, 0.1, 0);
384 editor->priv->v_adj = v_adj = gtk_adjustment_new (0, 0, 1, 0.01, 0.1, 0);
385 editor->priv->a_adj = a_adj = gtk_adjustment_new (0, 0, 1, 0.01, 0.1, 0);
387 g_object_ref_sink (h_adj);
388 g_object_ref_sink (s_adj);
389 g_object_ref_sink (v_adj);
390 g_object_ref_sink (a_adj);
392 g_signal_connect_swapped (h_adj, "value-changed", G_CALLBACK (hsv_changed), editor);
393 g_signal_connect_swapped (s_adj, "value-changed", G_CALLBACK (hsv_changed), editor);
394 g_signal_connect_swapped (v_adj, "value-changed", G_CALLBACK (hsv_changed), editor);
395 g_signal_connect_swapped (a_adj, "value-changed", G_CALLBACK (hsv_changed), editor);
397 gtk_widget_push_composite_child ();
399 /* Construct the main UI */
400 editor->priv->swatch = swatch = gtk_color_swatch_new ();
401 gtk_color_swatch_set_selectable (GTK_COLOR_SWATCH (editor->priv->swatch), FALSE);
402 gtk_widget_set_events (swatch, gtk_widget_get_events (swatch)
403 & ~(GDK_BUTTON_PRESS_MASK
404 | GDK_BUTTON_RELEASE_MASK
406 | GDK_KEY_RELEASE_MASK));
407 gtk_widget_set_can_focus (swatch, FALSE);
409 editor->priv->entry = entry = gtk_entry_new ();
410 atk_obj = gtk_widget_get_accessible (entry);
411 atk_object_set_role (atk_obj, ATK_ROLE_ENTRY);
412 atk_object_set_name (atk_obj, _("Color Name"));
413 g_signal_connect (entry, "activate", G_CALLBACK (entry_apply), editor);
414 g_signal_connect (entry, "notify::text", G_CALLBACK (entry_text_changed), editor);
415 g_signal_connect (entry, "focus-out-event", G_CALLBACK (entry_focus_out), editor);
417 editor->priv->h_slider = slider = gtk_color_scale_new (h_adj, GTK_COLOR_SCALE_HUE);
418 gtk_orientable_set_orientation (GTK_ORIENTABLE (slider), GTK_ORIENTATION_VERTICAL);
419 if (gtk_widget_get_direction (slider) == GTK_TEXT_DIR_RTL)
420 gtk_style_context_add_class (gtk_widget_get_style_context (slider),
421 GTK_STYLE_CLASS_SCALE_HAS_MARKS_ABOVE);
423 gtk_style_context_add_class (gtk_widget_get_style_context (slider),
424 GTK_STYLE_CLASS_SCALE_HAS_MARKS_BELOW);
426 editor->priv->sv_plane = gtk_color_plane_new (h_adj, s_adj, v_adj);
427 gtk_widget_set_size_request (editor->priv->sv_plane, 300, 300);
429 editor->priv->a_slider = slider = gtk_color_scale_new (a_adj, GTK_COLOR_SCALE_ALPHA);
430 gtk_orientable_set_orientation (GTK_ORIENTABLE (slider), GTK_ORIENTATION_HORIZONTAL);
431 gtk_style_context_add_class (gtk_widget_get_style_context (slider),
432 GTK_STYLE_CLASS_SCALE_HAS_MARKS_ABOVE);
434 editor->priv->grid = grid = gtk_grid_new ();
435 gtk_grid_set_row_spacing (GTK_GRID (grid), 12);
436 gtk_grid_set_column_spacing (GTK_GRID (grid), 12);
438 gtk_grid_attach (GTK_GRID (grid), editor->priv->swatch, 1, 0, 1, 1);
439 gtk_grid_attach (GTK_GRID (grid), editor->priv->entry, 2, 0, 1, 1);
440 gtk_grid_attach (GTK_GRID (grid), editor->priv->h_slider, 0, 1, 1, 1);
441 gtk_grid_attach (GTK_GRID (grid), editor->priv->sv_plane, 1, 1, 2, 1);
442 gtk_grid_attach (GTK_GRID (grid), editor->priv->a_slider, 1, 2, 2, 1);
444 /* This extra margin is necessary so we have room to the sides
445 * to place the popups as desired
447 gtk_widget_set_margin_left (grid, 30);
448 gtk_widget_set_margin_right (grid, 30);
450 editor->priv->overlay = gtk_overlay_new ();
451 gtk_widget_override_background_color (editor->priv->overlay, 0, &transparent);
452 gtk_container_add (GTK_CONTAINER (editor->priv->overlay), grid);
454 /* Construct the sv popup */
455 editor->priv->s_entry = entry = gtk_spin_button_new (scaled_adjustment (s_adj, 100), 1, 0);
456 atk_obj = gtk_widget_get_accessible (entry);
457 atk_object_set_name (atk_obj, C_("Color channel", "Saturation"));
458 atk_object_set_role (atk_obj, ATK_ROLE_ENTRY);
459 g_signal_connect (entry, "key-press-event", G_CALLBACK (popup_key_press), editor);
461 editor->priv->v_entry = entry = gtk_spin_button_new (scaled_adjustment (v_adj, 100), 1, 0);
462 atk_obj = gtk_widget_get_accessible (entry);
463 atk_object_set_name (atk_obj, C_("Color channel", "Value"));
464 atk_object_set_role (atk_obj, ATK_ROLE_ENTRY);
465 g_signal_connect (entry, "key-press-event", G_CALLBACK (popup_key_press), editor);
467 grid = gtk_grid_new ();
468 gtk_grid_set_row_spacing (GTK_GRID (grid), 6);
469 gtk_grid_set_column_spacing (GTK_GRID (grid), 6);
471 gtk_grid_attach (GTK_GRID (grid), gtk_label_new (C_("Color channel", "S")), 0, 0, 1, 1);
472 gtk_grid_attach (GTK_GRID (grid), editor->priv->s_entry, 1, 0, 1, 1);
473 gtk_grid_attach (GTK_GRID (grid), gtk_label_new (C_("Color channel", "V")), 0, 1, 1, 1);
474 gtk_grid_attach (GTK_GRID (grid), editor->priv->v_entry, 1, 1, 1, 1);
476 editor->priv->sv_popup = create_popup (editor, editor->priv->sv_plane, grid);
478 /* Construct the h popup */
479 editor->priv->h_entry = entry = gtk_spin_button_new (scaled_adjustment (h_adj, 100), 1, 0);
480 atk_obj = gtk_widget_get_accessible (entry);
481 atk_object_set_name (atk_obj, C_("Color channel", "Hue"));
482 atk_object_set_role (atk_obj, ATK_ROLE_ENTRY);
483 g_signal_connect (entry, "key-press-event", G_CALLBACK (popup_key_press), editor);
485 grid = gtk_grid_new ();
486 gtk_grid_set_column_spacing (GTK_GRID (grid), 6);
488 gtk_grid_attach (GTK_GRID (grid), gtk_label_new (C_("Color channel", "H")), 0, 0, 1, 1);
489 gtk_grid_attach (GTK_GRID (grid), editor->priv->h_entry, 1, 0, 1, 1);
491 editor->priv->h_popup = create_popup (editor, editor->priv->h_slider, grid);
493 /* Construct the a popup */
494 editor->priv->a_entry = entry = gtk_spin_button_new (scaled_adjustment (a_adj, 100), 1, 0);
495 atk_obj = gtk_widget_get_accessible (entry);
496 atk_object_set_name (atk_obj, C_("Color channel", "Alpha"));
497 atk_object_set_role (atk_obj, ATK_ROLE_ENTRY);
498 g_signal_connect (entry, "key-press-event", G_CALLBACK (popup_key_press), editor);
500 grid = gtk_grid_new ();
501 gtk_grid_set_column_spacing (GTK_GRID (grid), 6);
503 gtk_grid_attach (GTK_GRID (grid), gtk_label_new (C_("Color channel", "A")), 0, 0, 1, 1);
504 gtk_grid_attach (GTK_GRID (grid), editor->priv->a_entry, 1, 0, 1, 1);
506 editor->priv->a_popup = create_popup (editor, editor->priv->a_slider, grid);
508 /* Hook up popup positioning */
509 g_signal_connect (editor->priv->overlay, "get-child-position", G_CALLBACK (get_child_position), editor);
510 g_signal_connect (editor, "notify::visible", G_CALLBACK (dismiss_current_popup), NULL);
512 gtk_widget_show_all (editor->priv->overlay);
513 gtk_container_add (GTK_CONTAINER (editor), editor->priv->overlay);
515 gtk_widget_pop_composite_child ();
519 gtk_color_editor_get_property (GObject *object,
524 GtkColorEditor *ce = GTK_COLOR_EDITOR (object);
525 GtkColorChooser *cc = GTK_COLOR_CHOOSER (object);
532 gtk_color_chooser_get_rgba (cc, &color);
533 g_value_set_boxed (value, &color);
537 g_value_set_boolean (value, gtk_widget_get_visible (ce->priv->a_slider));
540 G_OBJECT_WARN_INVALID_PROPERTY_ID (object, prop_id, pspec);
546 gtk_color_editor_set_use_alpha (GtkColorEditor *editor,
549 if (editor->priv->use_alpha != use_alpha)
551 editor->priv->use_alpha = use_alpha;
552 gtk_widget_set_visible (editor->priv->a_slider, use_alpha);
553 gtk_color_swatch_set_use_alpha (GTK_COLOR_SWATCH (editor->priv->swatch), use_alpha);
558 gtk_color_editor_set_property (GObject *object,
563 GtkColorEditor *ce = GTK_COLOR_EDITOR (object);
564 GtkColorChooser *cc = GTK_COLOR_CHOOSER (object);
569 gtk_color_chooser_set_rgba (cc, g_value_get_boxed (value));
572 gtk_color_editor_set_use_alpha (ce, g_value_get_boolean (value));
575 G_OBJECT_WARN_INVALID_PROPERTY_ID (object, prop_id, pspec);
581 gtk_color_editor_finalize (GObject *object)
583 GtkColorEditor *editor = GTK_COLOR_EDITOR (object);
585 g_clear_object (&editor->priv->h_adj);
586 g_clear_object (&editor->priv->s_adj);
587 g_clear_object (&editor->priv->v_adj);
588 g_clear_object (&editor->priv->a_adj);
590 G_OBJECT_CLASS (gtk_color_editor_parent_class)->finalize (object);
594 gtk_color_editor_class_init (GtkColorEditorClass *class)
596 GObjectClass *object_class = G_OBJECT_CLASS (class);
598 object_class->finalize = gtk_color_editor_finalize;
599 object_class->get_property = gtk_color_editor_get_property;
600 object_class->set_property = gtk_color_editor_set_property;
602 g_object_class_override_property (object_class, PROP_RGBA, "rgba");
603 g_object_class_override_property (object_class, PROP_USE_ALPHA, "use-alpha");
605 g_type_class_add_private (class, sizeof (GtkColorEditorPrivate));
609 gtk_color_editor_get_rgba (GtkColorChooser *chooser,
612 GtkColorEditor *editor = GTK_COLOR_EDITOR (chooser);
615 h = gtk_adjustment_get_value (editor->priv->h_adj);
616 s = gtk_adjustment_get_value (editor->priv->s_adj);
617 v = gtk_adjustment_get_value (editor->priv->v_adj);
618 gtk_hsv_to_rgb (h, s, v, &color->red, &color->green, &color->blue);
619 color->alpha = gtk_adjustment_get_value (editor->priv->a_adj);
623 gtk_color_editor_set_rgba (GtkColorChooser *chooser,
624 const GdkRGBA *color)
626 GtkColorEditor *editor = GTK_COLOR_EDITOR (chooser);
629 gtk_rgb_to_hsv (color->red, color->green, color->blue, &h, &s, &v);
631 gtk_adjustment_set_value (editor->priv->h_adj, h);
632 gtk_adjustment_set_value (editor->priv->s_adj, s);
633 gtk_adjustment_set_value (editor->priv->v_adj, v);
634 gtk_adjustment_set_value (editor->priv->a_adj, color->alpha);
636 gtk_color_swatch_set_rgba (GTK_COLOR_SWATCH (editor->priv->swatch), color);
637 gtk_color_scale_set_rgba (GTK_COLOR_SCALE (editor->priv->a_slider), color);
638 entry_set_rgba (editor, color);
640 g_object_notify (G_OBJECT (editor), "rgba");
644 gtk_color_editor_iface_init (GtkColorChooserInterface *iface)
646 iface->get_rgba = gtk_color_editor_get_rgba;
647 iface->set_rgba = gtk_color_editor_set_rgba;
651 gtk_color_editor_new (void)
653 return (GtkWidget *) g_object_new (GTK_TYPE_COLOR_EDITOR, NULL);