/* GTK - The GIMP Toolkit * Copyright (C) 2012 Red Hat, Inc. * * 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 * License along with this library. If not, see . */ /* TODO * - touch * - accessible relations for popups * - saving per-application (?) * - better popup theming */ #include "config.h" #include "gtkcoloreditorprivate.h" #include "gtkcolorchooserprivate.h" #include "gtkcolorplaneprivate.h" #include "gtkcolorscaleprivate.h" #include "gtkcolorswatchprivate.h" #include "gtkcolorutils.h" #include "gtkgrid.h" #include "gtkorientable.h" #include "gtkentry.h" #include "gtkoverlay.h" #include "gtkadjustment.h" #include "gtklabel.h" #include "gtkspinbutton.h" #include "gtkintl.h" #include "gtkstylecontext.h" #include struct _GtkColorEditorPrivate { GtkWidget *overlay; GtkWidget *grid; GtkWidget *swatch; GtkWidget *entry; GtkWidget *h_slider; GtkWidget *h_popup; GtkWidget *h_entry; GtkWidget *a_slider; GtkWidget *a_popup; GtkWidget *a_entry; GtkWidget *sv_plane; GtkWidget *sv_popup; GtkWidget *s_entry; GtkWidget *v_entry; GtkWidget *current_popup; GtkWidget *popdown_focus; GtkAdjustment *h_adj; GtkAdjustment *s_adj; GtkAdjustment *v_adj; GtkAdjustment *a_adj; guint text_changed : 1; guint use_alpha : 1; }; enum { PROP_ZERO, PROP_RGBA, PROP_USE_ALPHA }; static void gtk_color_editor_iface_init (GtkColorChooserInterface *iface); G_DEFINE_TYPE_WITH_CODE (GtkColorEditor, gtk_color_editor, GTK_TYPE_BOX, G_IMPLEMENT_INTERFACE (GTK_TYPE_COLOR_CHOOSER, gtk_color_editor_iface_init)) static guint scale_round (gdouble value, gdouble scale) { value = floor (value * scale + 0.5); value = MAX (value, 0); value = MIN (value, scale); return (guint)value; } static void entry_set_rgba (GtkColorEditor *editor, const GdkRGBA *color) { gchar *text; text = g_strdup_printf ("#%02X%02X%02X", scale_round (color->red, 255), scale_round (color->green, 255), scale_round (color->blue, 255)); gtk_entry_set_text (GTK_ENTRY (editor->priv->entry), text); editor->priv->text_changed = FALSE; g_free (text); } static void entry_apply (GtkWidget *entry, GtkColorEditor *editor) { GdkRGBA color; gchar *text; if (!editor->priv->text_changed) return; text = gtk_editable_get_chars (GTK_EDITABLE (editor->priv->entry), 0, -1); if (gdk_rgba_parse (&color, text)) { color.alpha = gtk_adjustment_get_value (editor->priv->a_adj); gtk_color_chooser_set_rgba (GTK_COLOR_CHOOSER (editor), &color); } editor->priv->text_changed = FALSE; g_free (text); } static gboolean entry_focus_out (GtkWidget *entry, GdkEventFocus *event, GtkColorEditor *editor) { entry_apply (entry, editor); return FALSE; } static void entry_text_changed (GtkWidget *entry, GParamSpec *pspec, GtkColorEditor *editor) { editor->priv->text_changed = TRUE; } static void hsv_changed (GtkColorEditor *editor) { GdkRGBA color; gdouble h, s, v, a; h = gtk_adjustment_get_value (editor->priv->h_adj); s = gtk_adjustment_get_value (editor->priv->s_adj); v = gtk_adjustment_get_value (editor->priv->v_adj); a = gtk_adjustment_get_value (editor->priv->a_adj); gtk_hsv_to_rgb (h, s, v, &color.red, &color.green, &color.blue); color.alpha = a; gtk_color_swatch_set_rgba (GTK_COLOR_SWATCH (editor->priv->swatch), &color); gtk_color_scale_set_rgba (GTK_COLOR_SCALE (editor->priv->a_slider), &color); entry_set_rgba (editor, &color); g_object_notify (G_OBJECT (editor), "rgba"); } static void dismiss_current_popup (GtkColorEditor *editor) { if (editor->priv->current_popup) { gtk_widget_hide (editor->priv->current_popup); editor->priv->current_popup = NULL; if (editor->priv->popdown_focus) { gtk_widget_grab_focus (editor->priv->popdown_focus); editor->priv->popdown_focus = NULL; } } } static void popup_edit (GtkWidget *widget, GtkColorEditor *editor) { GtkWidget *popup = NULL; GtkWidget *toplevel; GtkWidget *focus; if (widget == editor->priv->sv_plane) { popup = editor->priv->sv_popup; focus = editor->priv->s_entry; } else if (widget == editor->priv->h_slider) { popup = editor->priv->h_popup; focus = editor->priv->h_entry; } else if (widget == editor->priv->a_slider) { popup = editor->priv->a_popup; focus = editor->priv->a_entry; } if (popup) { dismiss_current_popup (editor); toplevel = gtk_widget_get_toplevel (GTK_WIDGET (editor)); editor->priv->popdown_focus = gtk_window_get_focus (GTK_WINDOW (toplevel)); editor->priv->current_popup = popup; gtk_widget_show (popup); gtk_widget_grab_focus (focus); } } static gboolean popup_key_press (GtkWidget *popup, GdkEventKey *event, GtkColorEditor *editor) { if (event->keyval == GDK_KEY_Escape) { dismiss_current_popup (editor); return TRUE; } return FALSE; } static gboolean get_child_position (GtkOverlay *overlay, GtkWidget *widget, GtkAllocation *allocation, GtkColorEditor *editor) { GtkRequisition req; GtkAllocation alloc; gint s, e; gtk_widget_get_preferred_size (widget, &req, NULL); allocation->width = req.width; allocation->height = req.height; if (widget == editor->priv->sv_popup) { if (gtk_widget_get_direction (GTK_WIDGET (overlay)) == GTK_TEXT_DIR_RTL) allocation->x = 0; else allocation->x = gtk_widget_get_allocated_width (GTK_WIDGET (overlay)) - req.width; allocation->y = req.height / 3; } else if (widget == editor->priv->h_popup) { gtk_widget_get_allocation (editor->priv->h_slider, &alloc); gtk_range_get_slider_range (GTK_RANGE (editor->priv->h_slider), &s, &e); if (gtk_widget_get_direction (GTK_WIDGET (overlay)) == GTK_TEXT_DIR_RTL) gtk_widget_translate_coordinates (editor->priv->h_slider, gtk_widget_get_parent (editor->priv->grid), - req.width, (s + e - req.height) / 2, &allocation->x, &allocation->y); else gtk_widget_translate_coordinates (editor->priv->h_slider, gtk_widget_get_parent (editor->priv->grid), alloc.width, (s + e - req.height) / 2, &allocation->x, &allocation->y); } else if (widget == editor->priv->a_popup) { gtk_widget_get_allocation (editor->priv->a_slider, &alloc); gtk_range_get_slider_range (GTK_RANGE (editor->priv->a_slider), &s, &e); gtk_widget_translate_coordinates (editor->priv->a_slider, gtk_widget_get_parent (editor->priv->grid), (s + e - req.width) / 2, - req.height, &allocation->x, &allocation->y); } else return FALSE; allocation->x = CLAMP (allocation->x, 0, gtk_widget_get_allocated_width (GTK_WIDGET (overlay)) - req.width); allocation->y = CLAMP (allocation->y, 0, gtk_widget_get_allocated_height (GTK_WIDGET (overlay)) - req.height); return TRUE; } static void value_changed (GtkAdjustment *a, GtkAdjustment *as) { gdouble scale; scale = gtk_adjustment_get_upper (as) / gtk_adjustment_get_upper (a); g_signal_handlers_block_by_func (as, value_changed, a); gtk_adjustment_set_value (as, gtk_adjustment_get_value (a) * scale); g_signal_handlers_unblock_by_func (as, value_changed, a); } static GtkAdjustment * scaled_adjustment (GtkAdjustment *a, gdouble scale) { GtkAdjustment *as; as = gtk_adjustment_new (gtk_adjustment_get_value (a) * scale, gtk_adjustment_get_lower (a) * scale, gtk_adjustment_get_upper (a) * scale, gtk_adjustment_get_step_increment (a) * scale, gtk_adjustment_get_page_increment (a) * scale, gtk_adjustment_get_page_size (a) * scale); g_signal_connect (a, "value-changed", G_CALLBACK (value_changed), as); g_signal_connect (as, "value-changed", G_CALLBACK (value_changed), a); return as; } static gboolean popup_draw (GtkWidget *popup, cairo_t *cr, GtkColorEditor *editor) { GtkStyleContext *context; gint width, height; context = gtk_widget_get_style_context (popup); width = gtk_widget_get_allocated_width (popup); height = gtk_widget_get_allocated_height (popup); gtk_render_background (context, cr, 0, 0, width, height); gtk_render_frame (context, cr, 0, 0, width, height); return FALSE; } static GtkWidget * create_popup (GtkColorEditor *editor, GtkWidget *attach, GtkWidget *contents) { GtkWidget *popup; g_object_set (contents, "margin", 12, NULL); popup = gtk_box_new (GTK_ORIENTATION_HORIZONTAL, 0); gtk_style_context_add_class (gtk_widget_get_style_context (popup), GTK_STYLE_CLASS_TOOLTIP); gtk_container_add (GTK_CONTAINER (popup), contents); gtk_widget_show_all (contents); gtk_widget_set_no_show_all (popup, TRUE); g_signal_connect (popup, "draw", G_CALLBACK (popup_draw), editor); gtk_overlay_add_overlay (GTK_OVERLAY (editor->priv->overlay), popup); g_signal_connect (attach, "popup-menu", G_CALLBACK (popup_edit), editor); return popup; } static void gtk_color_editor_init (GtkColorEditor *editor) { GtkWidget *grid; GtkWidget *slider; GtkWidget *entry; GtkWidget *swatch; GtkAdjustment *h_adj, *s_adj, *v_adj, *a_adj; AtkObject *atk_obj; GdkRGBA transparent = { 0, 0, 0, 0 }; editor->priv = G_TYPE_INSTANCE_GET_PRIVATE (editor, GTK_TYPE_COLOR_EDITOR, GtkColorEditorPrivate); editor->priv->use_alpha = TRUE; editor->priv->h_adj = h_adj = gtk_adjustment_new (0, 0, 1, 0.01, 0.1, 0); editor->priv->s_adj = s_adj = gtk_adjustment_new (0, 0, 1, 0.01, 0.1, 0); editor->priv->v_adj = v_adj = gtk_adjustment_new (0, 0, 1, 0.01, 0.1, 0); editor->priv->a_adj = a_adj = gtk_adjustment_new (0, 0, 1, 0.01, 0.1, 0); g_object_ref_sink (h_adj); g_object_ref_sink (s_adj); g_object_ref_sink (v_adj); g_object_ref_sink (a_adj); g_signal_connect_swapped (h_adj, "value-changed", G_CALLBACK (hsv_changed), editor); g_signal_connect_swapped (s_adj, "value-changed", G_CALLBACK (hsv_changed), editor); g_signal_connect_swapped (v_adj, "value-changed", G_CALLBACK (hsv_changed), editor); g_signal_connect_swapped (a_adj, "value-changed", G_CALLBACK (hsv_changed), editor); gtk_widget_push_composite_child (); /* Construct the main UI */ editor->priv->swatch = swatch = gtk_color_swatch_new (); gtk_color_swatch_set_selectable (GTK_COLOR_SWATCH (editor->priv->swatch), FALSE); gtk_widget_set_events (swatch, gtk_widget_get_events (swatch) & ~(GDK_BUTTON_PRESS_MASK | GDK_BUTTON_RELEASE_MASK | GDK_KEY_PRESS_MASK | GDK_KEY_RELEASE_MASK)); gtk_widget_set_can_focus (swatch, FALSE); editor->priv->entry = entry = gtk_entry_new (); atk_obj = gtk_widget_get_accessible (entry); atk_object_set_role (atk_obj, ATK_ROLE_ENTRY); atk_object_set_name (atk_obj, _("Color Name")); g_signal_connect (entry, "activate", G_CALLBACK (entry_apply), editor); g_signal_connect (entry, "notify::text", G_CALLBACK (entry_text_changed), editor); g_signal_connect (entry, "focus-out-event", G_CALLBACK (entry_focus_out), editor); editor->priv->h_slider = slider = gtk_color_scale_new (h_adj, GTK_COLOR_SCALE_HUE); gtk_orientable_set_orientation (GTK_ORIENTABLE (slider), GTK_ORIENTATION_VERTICAL); if (gtk_widget_get_direction (slider) == GTK_TEXT_DIR_RTL) gtk_style_context_add_class (gtk_widget_get_style_context (slider), GTK_STYLE_CLASS_SCALE_HAS_MARKS_ABOVE); else gtk_style_context_add_class (gtk_widget_get_style_context (slider), GTK_STYLE_CLASS_SCALE_HAS_MARKS_BELOW); editor->priv->sv_plane = gtk_color_plane_new (h_adj, s_adj, v_adj); gtk_widget_set_size_request (editor->priv->sv_plane, 300, 300); editor->priv->a_slider = slider = gtk_color_scale_new (a_adj, GTK_COLOR_SCALE_ALPHA); gtk_orientable_set_orientation (GTK_ORIENTABLE (slider), GTK_ORIENTATION_HORIZONTAL); gtk_style_context_add_class (gtk_widget_get_style_context (slider), GTK_STYLE_CLASS_SCALE_HAS_MARKS_ABOVE); editor->priv->grid = grid = gtk_grid_new (); gtk_grid_set_row_spacing (GTK_GRID (grid), 12); gtk_grid_set_column_spacing (GTK_GRID (grid), 12); gtk_grid_attach (GTK_GRID (grid), editor->priv->swatch, 1, 0, 1, 1); gtk_grid_attach (GTK_GRID (grid), editor->priv->entry, 2, 0, 1, 1); gtk_grid_attach (GTK_GRID (grid), editor->priv->h_slider, 0, 1, 1, 1); gtk_grid_attach (GTK_GRID (grid), editor->priv->sv_plane, 1, 1, 2, 1); gtk_grid_attach (GTK_GRID (grid), editor->priv->a_slider, 1, 2, 2, 1); /* This extra margin is necessary so we have room to the sides * to place the popups as desired */ gtk_widget_set_margin_left (grid, 30); gtk_widget_set_margin_right (grid, 30); editor->priv->overlay = gtk_overlay_new (); gtk_widget_override_background_color (editor->priv->overlay, 0, &transparent); gtk_container_add (GTK_CONTAINER (editor->priv->overlay), grid); /* Construct the sv popup */ editor->priv->s_entry = entry = gtk_spin_button_new (scaled_adjustment (s_adj, 100), 1, 0); atk_obj = gtk_widget_get_accessible (entry); atk_object_set_name (atk_obj, C_("Color channel", "Saturation")); atk_object_set_role (atk_obj, ATK_ROLE_ENTRY); g_signal_connect (entry, "key-press-event", G_CALLBACK (popup_key_press), editor); editor->priv->v_entry = entry = gtk_spin_button_new (scaled_adjustment (v_adj, 100), 1, 0); atk_obj = gtk_widget_get_accessible (entry); atk_object_set_name (atk_obj, C_("Color channel", "Value")); atk_object_set_role (atk_obj, ATK_ROLE_ENTRY); g_signal_connect (entry, "key-press-event", G_CALLBACK (popup_key_press), editor); grid = gtk_grid_new (); gtk_grid_set_row_spacing (GTK_GRID (grid), 6); gtk_grid_set_column_spacing (GTK_GRID (grid), 6); gtk_grid_attach (GTK_GRID (grid), gtk_label_new (C_("Color channel", "S")), 0, 0, 1, 1); gtk_grid_attach (GTK_GRID (grid), editor->priv->s_entry, 1, 0, 1, 1); gtk_grid_attach (GTK_GRID (grid), gtk_label_new (C_("Color channel", "V")), 0, 1, 1, 1); gtk_grid_attach (GTK_GRID (grid), editor->priv->v_entry, 1, 1, 1, 1); editor->priv->sv_popup = create_popup (editor, editor->priv->sv_plane, grid); /* Construct the h popup */ editor->priv->h_entry = entry = gtk_spin_button_new (scaled_adjustment (h_adj, 100), 1, 0); atk_obj = gtk_widget_get_accessible (entry); atk_object_set_name (atk_obj, C_("Color channel", "Hue")); atk_object_set_role (atk_obj, ATK_ROLE_ENTRY); g_signal_connect (entry, "key-press-event", G_CALLBACK (popup_key_press), editor); grid = gtk_grid_new (); gtk_grid_set_column_spacing (GTK_GRID (grid), 6); gtk_grid_attach (GTK_GRID (grid), gtk_label_new (C_("Color channel", "H")), 0, 0, 1, 1); gtk_grid_attach (GTK_GRID (grid), editor->priv->h_entry, 1, 0, 1, 1); editor->priv->h_popup = create_popup (editor, editor->priv->h_slider, grid); /* Construct the a popup */ editor->priv->a_entry = entry = gtk_spin_button_new (scaled_adjustment (a_adj, 100), 1, 0); atk_obj = gtk_widget_get_accessible (entry); atk_object_set_name (atk_obj, C_("Color channel", "Alpha")); atk_object_set_role (atk_obj, ATK_ROLE_ENTRY); g_signal_connect (entry, "key-press-event", G_CALLBACK (popup_key_press), editor); grid = gtk_grid_new (); gtk_grid_set_column_spacing (GTK_GRID (grid), 6); gtk_grid_attach (GTK_GRID (grid), gtk_label_new (C_("Color channel", "A")), 0, 0, 1, 1); gtk_grid_attach (GTK_GRID (grid), editor->priv->a_entry, 1, 0, 1, 1); editor->priv->a_popup = create_popup (editor, editor->priv->a_slider, grid); /* Hook up popup positioning */ g_signal_connect (editor->priv->overlay, "get-child-position", G_CALLBACK (get_child_position), editor); g_signal_connect (editor, "notify::visible", G_CALLBACK (dismiss_current_popup), NULL); gtk_widget_show_all (editor->priv->overlay); gtk_container_add (GTK_CONTAINER (editor), editor->priv->overlay); gtk_widget_pop_composite_child (); } static void gtk_color_editor_get_property (GObject *object, guint prop_id, GValue *value, GParamSpec *pspec) { GtkColorEditor *ce = GTK_COLOR_EDITOR (object); GtkColorChooser *cc = GTK_COLOR_CHOOSER (object); switch (prop_id) { case PROP_RGBA: { GdkRGBA color; gtk_color_chooser_get_rgba (cc, &color); g_value_set_boxed (value, &color); } break; case PROP_USE_ALPHA: g_value_set_boolean (value, gtk_widget_get_visible (ce->priv->a_slider)); break; default: G_OBJECT_WARN_INVALID_PROPERTY_ID (object, prop_id, pspec); break; } } static void gtk_color_editor_set_use_alpha (GtkColorEditor *editor, gboolean use_alpha) { if (editor->priv->use_alpha != use_alpha) { editor->priv->use_alpha = use_alpha; gtk_widget_set_visible (editor->priv->a_slider, use_alpha); gtk_color_swatch_set_use_alpha (GTK_COLOR_SWATCH (editor->priv->swatch), use_alpha); } } static void gtk_color_editor_set_property (GObject *object, guint prop_id, const GValue *value, GParamSpec *pspec) { GtkColorEditor *ce = GTK_COLOR_EDITOR (object); GtkColorChooser *cc = GTK_COLOR_CHOOSER (object); switch (prop_id) { case PROP_RGBA: gtk_color_chooser_set_rgba (cc, g_value_get_boxed (value)); break; case PROP_USE_ALPHA: gtk_color_editor_set_use_alpha (ce, g_value_get_boolean (value)); break; default: G_OBJECT_WARN_INVALID_PROPERTY_ID (object, prop_id, pspec); break; } } static void gtk_color_editor_finalize (GObject *object) { GtkColorEditor *editor = GTK_COLOR_EDITOR (object); g_clear_object (&editor->priv->h_adj); g_clear_object (&editor->priv->s_adj); g_clear_object (&editor->priv->v_adj); g_clear_object (&editor->priv->a_adj); G_OBJECT_CLASS (gtk_color_editor_parent_class)->finalize (object); } static void gtk_color_editor_class_init (GtkColorEditorClass *class) { GObjectClass *object_class = G_OBJECT_CLASS (class); object_class->finalize = gtk_color_editor_finalize; object_class->get_property = gtk_color_editor_get_property; object_class->set_property = gtk_color_editor_set_property; g_object_class_override_property (object_class, PROP_RGBA, "rgba"); g_object_class_override_property (object_class, PROP_USE_ALPHA, "use-alpha"); g_type_class_add_private (class, sizeof (GtkColorEditorPrivate)); } static void gtk_color_editor_get_rgba (GtkColorChooser *chooser, GdkRGBA *color) { GtkColorEditor *editor = GTK_COLOR_EDITOR (chooser); gdouble h, s, v; h = gtk_adjustment_get_value (editor->priv->h_adj); s = gtk_adjustment_get_value (editor->priv->s_adj); v = gtk_adjustment_get_value (editor->priv->v_adj); gtk_hsv_to_rgb (h, s, v, &color->red, &color->green, &color->blue); color->alpha = gtk_adjustment_get_value (editor->priv->a_adj); } static void gtk_color_editor_set_rgba (GtkColorChooser *chooser, const GdkRGBA *color) { GtkColorEditor *editor = GTK_COLOR_EDITOR (chooser); gdouble h, s, v; gtk_rgb_to_hsv (color->red, color->green, color->blue, &h, &s, &v); gtk_adjustment_set_value (editor->priv->h_adj, h); gtk_adjustment_set_value (editor->priv->s_adj, s); gtk_adjustment_set_value (editor->priv->v_adj, v); gtk_adjustment_set_value (editor->priv->a_adj, color->alpha); gtk_color_swatch_set_rgba (GTK_COLOR_SWATCH (editor->priv->swatch), color); gtk_color_scale_set_rgba (GTK_COLOR_SCALE (editor->priv->a_slider), color); entry_set_rgba (editor, color); g_object_notify (G_OBJECT (editor), "rgba"); } static void gtk_color_editor_iface_init (GtkColorChooserInterface *iface) { iface->get_rgba = gtk_color_editor_get_rgba; iface->set_rgba = gtk_color_editor_set_rgba; } GtkWidget * gtk_color_editor_new (void) { return (GtkWidget *) g_object_new (GTK_TYPE_COLOR_EDITOR, NULL); }