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"
45 struct _GtkColorEditorPrivate
61 GtkWidget *current_popup;
62 GtkWidget *popdown_focus;
69 guint text_changed : 1;
80 static void gtk_color_editor_iface_init (GtkColorChooserInterface *iface);
82 G_DEFINE_TYPE_WITH_CODE (GtkColorEditor, gtk_color_editor, GTK_TYPE_BOX,
83 G_IMPLEMENT_INTERFACE (GTK_TYPE_COLOR_CHOOSER,
84 gtk_color_editor_iface_init))
87 scale_round (gdouble value, gdouble scale)
89 value = floor (value * scale + 0.5);
90 value = MAX (value, 0);
91 value = MIN (value, scale);
96 entry_set_rgba (GtkColorEditor *editor,
101 text = g_strdup_printf ("#%02X%02X%02X",
102 scale_round (color->red, 255),
103 scale_round (color->green, 255),
104 scale_round (color->blue, 255));
105 gtk_entry_set_text (GTK_ENTRY (editor->priv->entry), text);
106 editor->priv->text_changed = FALSE;
111 entry_apply (GtkWidget *entry,
112 GtkColorEditor *editor)
117 if (!editor->priv->text_changed)
120 text = gtk_editable_get_chars (GTK_EDITABLE (editor->priv->entry), 0, -1);
121 if (gdk_rgba_parse (&color, text))
123 color.alpha = gtk_adjustment_get_value (editor->priv->a_adj);
124 gtk_color_chooser_set_rgba (GTK_COLOR_CHOOSER (editor), &color);
127 editor->priv->text_changed = FALSE;
133 entry_focus_out (GtkWidget *entry,
134 GdkEventFocus *event,
135 GtkColorEditor *editor)
137 entry_apply (entry, editor);
142 entry_text_changed (GtkWidget *entry,
144 GtkColorEditor *editor)
146 editor->priv->text_changed = TRUE;
150 hsv_changed (GtkColorEditor *editor)
155 h = gtk_adjustment_get_value (editor->priv->h_adj);
156 s = gtk_adjustment_get_value (editor->priv->s_adj);
157 v = gtk_adjustment_get_value (editor->priv->v_adj);
158 a = gtk_adjustment_get_value (editor->priv->a_adj);
160 gtk_hsv_to_rgb (h, s, v, &color.red, &color.green, &color.blue);
163 gtk_color_swatch_set_rgba (GTK_COLOR_SWATCH (editor->priv->swatch), &color);
164 gtk_color_scale_set_rgba (GTK_COLOR_SCALE (editor->priv->a_slider), &color);
165 entry_set_rgba (editor, &color);
167 g_object_notify (G_OBJECT (editor), "rgba");
171 dismiss_current_popup (GtkColorEditor *editor)
173 if (editor->priv->current_popup)
175 gtk_widget_hide (editor->priv->current_popup);
176 editor->priv->current_popup = NULL;
177 if (editor->priv->popdown_focus)
179 gtk_widget_grab_focus (editor->priv->popdown_focus);
180 editor->priv->popdown_focus = NULL;
186 popup_edit (GtkWidget *widget,
187 GtkColorEditor *editor)
189 GtkWidget *popup = NULL;
193 if (widget == editor->priv->sv_plane)
195 popup = editor->priv->sv_popup;
196 focus = editor->priv->s_entry;
198 else if (widget == editor->priv->h_slider)
200 popup = editor->priv->h_popup;
201 focus = editor->priv->h_entry;
203 else if (widget == editor->priv->a_slider)
205 popup = editor->priv->a_popup;
206 focus = editor->priv->a_entry;
211 dismiss_current_popup (editor);
212 toplevel = gtk_widget_get_toplevel (GTK_WIDGET (editor));
213 editor->priv->popdown_focus = gtk_window_get_focus (GTK_WINDOW (toplevel));
214 editor->priv->current_popup = popup;
215 gtk_widget_show (popup);
216 gtk_widget_grab_focus (focus);
221 popup_key_press (GtkWidget *popup,
223 GtkColorEditor *editor)
225 if (event->keyval == GDK_KEY_Escape)
227 dismiss_current_popup (editor);
235 get_child_position (GtkOverlay *overlay,
237 GtkAllocation *allocation,
238 GtkColorEditor *editor)
244 gtk_widget_get_preferred_size (widget, &req, NULL);
246 allocation->width = req.width;
247 allocation->height = req.height;
249 if (widget == editor->priv->sv_popup)
251 if (gtk_widget_get_direction (GTK_WIDGET (overlay)) == GTK_TEXT_DIR_RTL)
254 allocation->x = gtk_widget_get_allocated_width (GTK_WIDGET (overlay)) - req.width;
255 allocation->y = req.height / 3;
257 else if (widget == editor->priv->h_popup)
259 gtk_widget_get_allocation (editor->priv->h_slider, &alloc);
260 gtk_range_get_slider_range (GTK_RANGE (editor->priv->h_slider), &s, &e);
262 if (gtk_widget_get_direction (GTK_WIDGET (overlay)) == GTK_TEXT_DIR_RTL)
263 gtk_widget_translate_coordinates (editor->priv->h_slider,
264 gtk_widget_get_parent (editor->priv->grid),
265 - req.width, (s + e - req.height) / 2,
266 &allocation->x, &allocation->y);
268 gtk_widget_translate_coordinates (editor->priv->h_slider,
269 gtk_widget_get_parent (editor->priv->grid),
270 alloc.width, (s + e - req.height) / 2,
271 &allocation->x, &allocation->y);
273 else if (widget == editor->priv->a_popup)
275 gtk_widget_get_allocation (editor->priv->a_slider, &alloc);
276 gtk_range_get_slider_range (GTK_RANGE (editor->priv->a_slider), &s, &e);
278 gtk_widget_translate_coordinates (editor->priv->a_slider,
279 gtk_widget_get_parent (editor->priv->grid),
280 (s + e - req.width) / 2, - req.height,
281 &allocation->x, &allocation->y);
286 allocation->x = CLAMP (allocation->x, 0, gtk_widget_get_allocated_width (GTK_WIDGET (overlay)) - req.width);
287 allocation->y = CLAMP (allocation->y, 0, gtk_widget_get_allocated_height (GTK_WIDGET (overlay)) - req.height);
293 value_changed (GtkAdjustment *a,
298 scale = gtk_adjustment_get_upper (as) / gtk_adjustment_get_upper (a);
299 g_signal_handlers_block_by_func (as, value_changed, a);
300 gtk_adjustment_set_value (as, gtk_adjustment_get_value (a) * scale);
301 g_signal_handlers_unblock_by_func (as, value_changed, a);
304 static GtkAdjustment *
305 scaled_adjustment (GtkAdjustment *a,
310 as = gtk_adjustment_new (gtk_adjustment_get_value (a) * scale,
311 gtk_adjustment_get_lower (a) * scale,
312 gtk_adjustment_get_upper (a) * scale,
313 gtk_adjustment_get_step_increment (a) * scale,
314 gtk_adjustment_get_page_increment (a) * scale,
315 gtk_adjustment_get_page_size (a) * scale);
317 g_signal_connect (a, "value-changed", G_CALLBACK (value_changed), as);
318 g_signal_connect (as, "value-changed", G_CALLBACK (value_changed), a);
324 popup_draw (GtkWidget *popup,
326 GtkColorEditor *editor)
328 GtkStyleContext *context;
331 context = gtk_widget_get_style_context (popup);
332 width = gtk_widget_get_allocated_width (popup);
333 height = gtk_widget_get_allocated_height (popup);
335 gtk_render_background (context, cr, 0, 0, width, height);
336 gtk_render_frame (context, cr, 0, 0, width, height);
342 create_popup (GtkColorEditor *editor,
348 g_object_set (contents, "margin", 12, NULL);
350 popup = gtk_box_new (GTK_ORIENTATION_HORIZONTAL, 0);
351 gtk_style_context_add_class (gtk_widget_get_style_context (popup), GTK_STYLE_CLASS_TOOLTIP);
352 gtk_container_add (GTK_CONTAINER (popup), contents);
354 gtk_widget_show_all (contents);
355 gtk_widget_set_no_show_all (popup, TRUE);
357 g_signal_connect (popup, "draw", G_CALLBACK (popup_draw), editor);
359 gtk_overlay_add_overlay (GTK_OVERLAY (editor->priv->overlay), popup);
360 g_signal_connect (attach, "popup-menu", G_CALLBACK (popup_edit), editor);
366 gtk_color_editor_init (GtkColorEditor *editor)
372 GtkAdjustment *h_adj, *s_adj, *v_adj, *a_adj;
374 GdkRGBA transparent = { 0, 0, 0, 0 };
376 editor->priv = G_TYPE_INSTANCE_GET_PRIVATE (editor,
377 GTK_TYPE_COLOR_EDITOR,
378 GtkColorEditorPrivate);
379 editor->priv->use_alpha = TRUE;
381 editor->priv->h_adj = h_adj = gtk_adjustment_new (0, 0, 1, 0.01, 0.1, 0);
382 editor->priv->s_adj = s_adj = gtk_adjustment_new (0, 0, 1, 0.01, 0.1, 0);
383 editor->priv->v_adj = v_adj = gtk_adjustment_new (0, 0, 1, 0.01, 0.1, 0);
384 editor->priv->a_adj = a_adj = gtk_adjustment_new (0, 0, 1, 0.01, 0.1, 0);
386 g_object_ref_sink (h_adj);
387 g_object_ref_sink (s_adj);
388 g_object_ref_sink (v_adj);
389 g_object_ref_sink (a_adj);
391 g_signal_connect_swapped (h_adj, "value-changed", G_CALLBACK (hsv_changed), editor);
392 g_signal_connect_swapped (s_adj, "value-changed", G_CALLBACK (hsv_changed), editor);
393 g_signal_connect_swapped (v_adj, "value-changed", G_CALLBACK (hsv_changed), editor);
394 g_signal_connect_swapped (a_adj, "value-changed", G_CALLBACK (hsv_changed), editor);
396 gtk_widget_push_composite_child ();
398 /* Construct the main UI */
399 editor->priv->swatch = swatch = gtk_color_swatch_new ();
400 gtk_color_swatch_set_selectable (GTK_COLOR_SWATCH (editor->priv->swatch), FALSE);
401 gtk_widget_set_events (swatch, gtk_widget_get_events (swatch)
402 & ~(GDK_BUTTON_PRESS_MASK
403 | GDK_BUTTON_RELEASE_MASK
405 | GDK_KEY_RELEASE_MASK));
406 gtk_widget_set_can_focus (swatch, FALSE);
408 editor->priv->entry = entry = gtk_entry_new ();
409 atk_obj = gtk_widget_get_accessible (entry);
410 atk_object_set_role (atk_obj, ATK_ROLE_ENTRY);
411 atk_object_set_name (atk_obj, _("Color Name"));
412 g_signal_connect (entry, "activate", G_CALLBACK (entry_apply), editor);
413 g_signal_connect (entry, "notify::text", G_CALLBACK (entry_text_changed), editor);
414 g_signal_connect (entry, "focus-out-event", G_CALLBACK (entry_focus_out), editor);
416 editor->priv->h_slider = slider = gtk_color_scale_new (h_adj, GTK_COLOR_SCALE_HUE);
417 gtk_orientable_set_orientation (GTK_ORIENTABLE (slider), GTK_ORIENTATION_VERTICAL);
418 if (gtk_widget_get_direction (slider) == GTK_TEXT_DIR_RTL)
419 gtk_style_context_add_class (gtk_widget_get_style_context (slider),
420 GTK_STYLE_CLASS_SCALE_HAS_MARKS_ABOVE);
422 gtk_style_context_add_class (gtk_widget_get_style_context (slider),
423 GTK_STYLE_CLASS_SCALE_HAS_MARKS_BELOW);
425 editor->priv->sv_plane = gtk_color_plane_new (h_adj, s_adj, v_adj);
426 gtk_widget_set_size_request (editor->priv->sv_plane, 300, 300);
428 editor->priv->a_slider = slider = gtk_color_scale_new (a_adj, GTK_COLOR_SCALE_ALPHA);
429 gtk_orientable_set_orientation (GTK_ORIENTABLE (slider), GTK_ORIENTATION_HORIZONTAL);
430 gtk_style_context_add_class (gtk_widget_get_style_context (slider),
431 GTK_STYLE_CLASS_SCALE_HAS_MARKS_ABOVE);
433 editor->priv->grid = grid = gtk_grid_new ();
434 gtk_grid_set_row_spacing (GTK_GRID (grid), 12);
435 gtk_grid_set_column_spacing (GTK_GRID (grid), 12);
437 gtk_grid_attach (GTK_GRID (grid), editor->priv->swatch, 1, 0, 1, 1);
438 gtk_grid_attach (GTK_GRID (grid), editor->priv->entry, 2, 0, 1, 1);
439 gtk_grid_attach (GTK_GRID (grid), editor->priv->h_slider, 0, 1, 1, 1);
440 gtk_grid_attach (GTK_GRID (grid), editor->priv->sv_plane, 1, 1, 2, 1);
441 gtk_grid_attach (GTK_GRID (grid), editor->priv->a_slider, 1, 2, 2, 1);
443 /* This extra margin is necessary so we have room to the sides
444 * to place the popups as desired
446 gtk_widget_set_margin_left (grid, 30);
447 gtk_widget_set_margin_right (grid, 30);
449 editor->priv->overlay = gtk_overlay_new ();
450 gtk_widget_override_background_color (editor->priv->overlay, 0, &transparent);
451 gtk_container_add (GTK_CONTAINER (editor->priv->overlay), grid);
453 /* Construct the sv popup */
454 editor->priv->s_entry = entry = gtk_spin_button_new (scaled_adjustment (s_adj, 100), 1, 0);
455 atk_obj = gtk_widget_get_accessible (entry);
456 atk_object_set_name (atk_obj, C_("Color channel", "Saturation"));
457 atk_object_set_role (atk_obj, ATK_ROLE_ENTRY);
458 g_signal_connect (entry, "key-press-event", G_CALLBACK (popup_key_press), editor);
460 editor->priv->v_entry = entry = gtk_spin_button_new (scaled_adjustment (v_adj, 100), 1, 0);
461 atk_obj = gtk_widget_get_accessible (entry);
462 atk_object_set_name (atk_obj, C_("Color channel", "Value"));
463 atk_object_set_role (atk_obj, ATK_ROLE_ENTRY);
464 g_signal_connect (entry, "key-press-event", G_CALLBACK (popup_key_press), editor);
466 grid = gtk_grid_new ();
467 gtk_grid_set_row_spacing (GTK_GRID (grid), 6);
468 gtk_grid_set_column_spacing (GTK_GRID (grid), 6);
470 gtk_grid_attach (GTK_GRID (grid), gtk_label_new (C_("Color channel", "S")), 0, 0, 1, 1);
471 gtk_grid_attach (GTK_GRID (grid), editor->priv->s_entry, 1, 0, 1, 1);
472 gtk_grid_attach (GTK_GRID (grid), gtk_label_new (C_("Color channel", "V")), 0, 1, 1, 1);
473 gtk_grid_attach (GTK_GRID (grid), editor->priv->v_entry, 1, 1, 1, 1);
475 editor->priv->sv_popup = create_popup (editor, editor->priv->sv_plane, grid);
477 /* Construct the h popup */
478 editor->priv->h_entry = entry = gtk_spin_button_new (scaled_adjustment (h_adj, 100), 1, 0);
479 atk_obj = gtk_widget_get_accessible (entry);
480 atk_object_set_name (atk_obj, C_("Color channel", "Hue"));
481 atk_object_set_role (atk_obj, ATK_ROLE_ENTRY);
482 g_signal_connect (entry, "key-press-event", G_CALLBACK (popup_key_press), editor);
484 grid = gtk_grid_new ();
485 gtk_grid_set_column_spacing (GTK_GRID (grid), 6);
487 gtk_grid_attach (GTK_GRID (grid), gtk_label_new (C_("Color channel", "H")), 0, 0, 1, 1);
488 gtk_grid_attach (GTK_GRID (grid), editor->priv->h_entry, 1, 0, 1, 1);
490 editor->priv->h_popup = create_popup (editor, editor->priv->h_slider, grid);
492 /* Construct the a popup */
493 editor->priv->a_entry = entry = gtk_spin_button_new (scaled_adjustment (a_adj, 100), 1, 0);
494 atk_obj = gtk_widget_get_accessible (entry);
495 atk_object_set_name (atk_obj, C_("Color channel", "Alpha"));
496 atk_object_set_role (atk_obj, ATK_ROLE_ENTRY);
497 g_signal_connect (entry, "key-press-event", G_CALLBACK (popup_key_press), editor);
499 grid = gtk_grid_new ();
500 gtk_grid_set_column_spacing (GTK_GRID (grid), 6);
502 gtk_grid_attach (GTK_GRID (grid), gtk_label_new (C_("Color channel", "A")), 0, 0, 1, 1);
503 gtk_grid_attach (GTK_GRID (grid), editor->priv->a_entry, 1, 0, 1, 1);
505 editor->priv->a_popup = create_popup (editor, editor->priv->a_slider, grid);
507 /* Hook up popup positioning */
508 g_signal_connect (editor->priv->overlay, "get-child-position", G_CALLBACK (get_child_position), editor);
509 g_signal_connect (editor, "notify::visible", G_CALLBACK (dismiss_current_popup), NULL);
511 gtk_widget_show_all (editor->priv->overlay);
512 gtk_container_add (GTK_CONTAINER (editor), editor->priv->overlay);
514 gtk_widget_pop_composite_child ();
518 gtk_color_editor_get_property (GObject *object,
523 GtkColorEditor *ce = GTK_COLOR_EDITOR (object);
524 GtkColorChooser *cc = GTK_COLOR_CHOOSER (object);
531 gtk_color_chooser_get_rgba (cc, &color);
532 g_value_set_boxed (value, &color);
536 g_value_set_boolean (value, gtk_widget_get_visible (ce->priv->a_slider));
539 G_OBJECT_WARN_INVALID_PROPERTY_ID (object, prop_id, pspec);
545 gtk_color_editor_set_use_alpha (GtkColorEditor *editor,
548 if (editor->priv->use_alpha != use_alpha)
550 editor->priv->use_alpha = use_alpha;
551 gtk_widget_set_visible (editor->priv->a_slider, use_alpha);
552 gtk_color_swatch_set_use_alpha (GTK_COLOR_SWATCH (editor->priv->swatch), use_alpha);
557 gtk_color_editor_set_property (GObject *object,
562 GtkColorEditor *ce = GTK_COLOR_EDITOR (object);
563 GtkColorChooser *cc = GTK_COLOR_CHOOSER (object);
568 gtk_color_chooser_set_rgba (cc, g_value_get_boxed (value));
571 gtk_color_editor_set_use_alpha (ce, g_value_get_boolean (value));
574 G_OBJECT_WARN_INVALID_PROPERTY_ID (object, prop_id, pspec);
580 gtk_color_editor_finalize (GObject *object)
582 GtkColorEditor *editor = GTK_COLOR_EDITOR (object);
584 g_clear_object (&editor->priv->h_adj);
585 g_clear_object (&editor->priv->s_adj);
586 g_clear_object (&editor->priv->v_adj);
587 g_clear_object (&editor->priv->a_adj);
589 G_OBJECT_CLASS (gtk_color_editor_parent_class)->finalize (object);
593 gtk_color_editor_class_init (GtkColorEditorClass *class)
595 GObjectClass *object_class = G_OBJECT_CLASS (class);
597 object_class->finalize = gtk_color_editor_finalize;
598 object_class->get_property = gtk_color_editor_get_property;
599 object_class->set_property = gtk_color_editor_set_property;
601 g_object_class_override_property (object_class, PROP_RGBA, "rgba");
602 g_object_class_override_property (object_class, PROP_USE_ALPHA, "use-alpha");
604 g_type_class_add_private (class, sizeof (GtkColorEditorPrivate));
608 gtk_color_editor_get_rgba (GtkColorChooser *chooser,
611 GtkColorEditor *editor = GTK_COLOR_EDITOR (chooser);
614 h = gtk_adjustment_get_value (editor->priv->h_adj);
615 s = gtk_adjustment_get_value (editor->priv->s_adj);
616 v = gtk_adjustment_get_value (editor->priv->v_adj);
617 gtk_hsv_to_rgb (h, s, v, &color->red, &color->green, &color->blue);
618 color->alpha = gtk_adjustment_get_value (editor->priv->a_adj);
622 gtk_color_editor_set_rgba (GtkColorChooser *chooser,
623 const GdkRGBA *color)
625 GtkColorEditor *editor = GTK_COLOR_EDITOR (chooser);
628 gtk_rgb_to_hsv (color->red, color->green, color->blue, &h, &s, &v);
630 gtk_adjustment_set_value (editor->priv->h_adj, h);
631 gtk_adjustment_set_value (editor->priv->s_adj, s);
632 gtk_adjustment_set_value (editor->priv->v_adj, v);
633 gtk_adjustment_set_value (editor->priv->a_adj, color->alpha);
635 gtk_color_swatch_set_rgba (GTK_COLOR_SWATCH (editor->priv->swatch), color);
636 gtk_color_scale_set_rgba (GTK_COLOR_SCALE (editor->priv->a_slider), color);
637 entry_set_rgba (editor, color);
639 g_object_notify (G_OBJECT (editor), "rgba");
643 gtk_color_editor_iface_init (GtkColorChooserInterface *iface)
645 iface->get_rgba = gtk_color_editor_get_rgba;
646 iface->set_rgba = gtk_color_editor_set_rgba;
650 gtk_color_editor_new (void)
652 return (GtkWidget *) g_object_new (GTK_TYPE_COLOR_EDITOR, NULL);