Pileus Git - ~andy/gtk/blob - demos/gtk-demo/rotated_text.c

   1 /* Rotated Text
   2  *
   3  * This demo shows how to use PangoCairo to draw rotated and transformed
   4  * text.  The right pane shows a rotated GtkLabel widget.
   5  *
   6  * In both cases, a custom PangoCairo shape renderer is installed to draw
   7  * a red heard using cairo drawing operations instead of the Unicode heart
   8  * character.
   9  */
  10
  11 #include <gtk/gtk.h>
  12 #include <string.h>
  13
  14 static GtkWidget *window = NULL;
  15
  16 #define HEART "♥"
  17 const char text[] = "I ♥ GTK+";
  18
  19 static void
  20 fancy_shape_renderer (cairo_t        *cr,
  21                       PangoAttrShape *attr,
  22                       gboolean        do_path,
  23                       gpointer        data)
  24 {
  25   double x, y;
  26   cairo_get_current_point (cr, &x, &y);
  27   cairo_translate (cr, x, y);
  28
  29   cairo_scale (cr,
  30                (double) attr->ink_rect.width  / PANGO_SCALE,
  31                (double) attr->ink_rect.height / PANGO_SCALE);
  32
  33   switch (GPOINTER_TO_UINT (attr->data))
  34     {
  35     case 0x2665: /* U+2665 BLACK HEART SUIT */
  36       {
  37         cairo_move_to (cr, .5, .0);
  38         cairo_line_to (cr, .9, -.4);
  39         cairo_curve_to (cr, 1.1, -.8, .5, -.9, .5, -.5);
  40         cairo_curve_to (cr, .5, -.9, -.1, -.8, .1, -.4);
  41         cairo_close_path (cr);
  42       }
  43       break;
  44     }
  45
  46   if (!do_path) {
  47     cairo_set_source_rgb (cr, 1., 0., 0.);
  48     cairo_fill (cr);
  49   }
  50 }
  51
  52 PangoAttrList *
  53 create_fancy_attr_list_for_layout (PangoLayout *layout)
  54 {
  55   PangoAttrList *attrs;
  56   PangoFontMetrics *metrics;
  57   int ascent;
  58   PangoRectangle ink_rect, logical_rect;
  59   const char *p;
  60
  61   /* Get font metrics and prepare fancy shape size */
  62   metrics = pango_context_get_metrics (pango_layout_get_context (layout),
  63                                        pango_layout_get_font_description (layout),
  64                                        NULL);
  65   ascent = pango_font_metrics_get_ascent (metrics);
  66   logical_rect.x = 0;
  67   logical_rect.width = ascent;
  68   logical_rect.y = -ascent;
  69   logical_rect.height = ascent;
  70   ink_rect = logical_rect;
  71   pango_font_metrics_unref (metrics);
  72
  73   /* Set fancy shape attributes for all hearts */
  74   attrs = pango_attr_list_new ();
  75   for (p = text; (p = strstr (p, HEART)); p += strlen (HEART))
  76     {
  77       PangoAttribute *attr;
  78
  79       attr = pango_attr_shape_new_with_data (&ink_rect,
  80                                              &logical_rect,
  81                                              GUINT_TO_POINTER (g_utf8_get_char (p)),
  82                                              NULL, NULL);
  83
  84       attr->start_index = p - text;
  85       attr->end_index = attr->start_index + strlen (HEART);
  86
  87       pango_attr_list_insert (attrs, attr);
  88     }
  89
  90   return attrs;
  91 }
  92
  93 static gboolean
  94 rotated_text_draw (GtkWidget *widget,
  95                    cairo_t   *cr,
  96                    gpointer   data)
  97 {
  98 #define RADIUS 150
  99 #define N_WORDS 5
 100 #define FONT "Serif 18"
 101
 102   PangoContext *context;
 103   PangoLayout *layout;
 104   PangoFontDescription *desc;
 105
 106   cairo_pattern_t *pattern;
 107
 108   PangoAttrList *attrs;
 109
 110   double device_radius;
 111   int width, height;
 112   int i;
 113
 114   /* Create a cairo context and set up a transformation matrix so that the user
 115    * space coordinates for the centered square where we draw are [-RADIUS, RADIUS],
 116    * [-RADIUS, RADIUS].
 117    * We first center, then change the scale. */
 118   width = gtk_widget_get_allocated_width (widget);
 119   height = gtk_widget_get_allocated_height (widget);
 120   device_radius = MIN (width, height) / 2.;
 121   cairo_translate (cr,
 122                    device_radius + (width - 2 * device_radius) / 2,
 123                    device_radius + (height - 2 * device_radius) / 2);
 124   cairo_scale (cr, device_radius / RADIUS, device_radius / RADIUS);
 125
 126   /* Create and a subtle gradient source and use it. */
 127   pattern = cairo_pattern_create_linear (-RADIUS, -RADIUS, RADIUS, RADIUS);
 128   cairo_pattern_add_color_stop_rgb (pattern, 0., .5, .0, .0);
 129   cairo_pattern_add_color_stop_rgb (pattern, 1., .0, .0, .5);
 130   cairo_set_source (cr, pattern);
 131
 132   /* Create a PangoContext and set up our shape renderer */
 133   context = gtk_widget_create_pango_context (widget);
 134   pango_cairo_context_set_shape_renderer (context,
 135                                           fancy_shape_renderer,
 136                                           NULL, NULL);
 137
 138   /* Create a PangoLayout, set the text, font, and attributes */
 139   layout = pango_layout_new (context);
 140   pango_layout_set_text (layout, text, -1);
 141   desc = pango_font_description_from_string (FONT);
 142   pango_layout_set_font_description (layout, desc);
 143
 144   attrs = create_fancy_attr_list_for_layout (layout);
 145   pango_layout_set_attributes (layout, attrs);
 146   pango_attr_list_unref (attrs);
 147
 148   /* Draw the layout N_WORDS times in a circle */
 149   for (i = 0; i < N_WORDS; i++)
 150     {
 151       int width, height;
 152
 153       /* Inform Pango to re-layout the text with the new transformation matrix */
 154       pango_cairo_update_layout (cr, layout);
 155
 156       pango_layout_get_pixel_size (layout, &width, &height);
 157       cairo_move_to (cr, - width / 2, - RADIUS * .9);
 158       pango_cairo_show_layout (cr, layout);
 159
 160       /* Rotate for the next turn */
 161       cairo_rotate (cr, G_PI*2 / N_WORDS);
 162     }
 163
 164   /* free the objects we created */
 165   pango_font_description_free (desc);
 166   g_object_unref (layout);
 167   g_object_unref (context);
 168   cairo_pattern_destroy (pattern);
 169
 170   return FALSE;
 171 }
 172
 173 GtkWidget *
 174 do_rotated_text (GtkWidget *do_widget)
 175 {
 176   if (!window)
 177     {
 178       GtkWidget *box;
 179       GtkWidget *drawing_area;
 180       GtkWidget *label;
 181       PangoLayout *layout;
 182       PangoAttrList *attrs;
 183
 184       const GdkColor white = { 0, 0xffff, 0xffff, 0xffff };
 185
 186       window = gtk_window_new (GTK_WINDOW_TOPLEVEL);
 187       gtk_window_set_screen (GTK_WINDOW (window),
 188                              gtk_widget_get_screen (do_widget));
 189       gtk_window_set_title (GTK_WINDOW (window), "Rotated Text");
 190       gtk_window_set_default_size (GTK_WINDOW (window), 4 * RADIUS, 2 * RADIUS);
 191       g_signal_connect (window, "destroy", G_CALLBACK (gtk_widget_destroyed), &window);
 192
 193       box = gtk_box_new (GTK_ORIENTATION_HORIZONTAL, TRUE, 0);
 194       gtk_container_add (GTK_CONTAINER (window), box);
 195
 196       /* Add a drawing area */
 197
 198       drawing_area = gtk_drawing_area_new ();
 199       gtk_container_add (GTK_CONTAINER (box), drawing_area);
 200
 201       /* This overrides the background color from the theme */
 202       gtk_widget_modify_bg (drawing_area, GTK_STATE_NORMAL, &white);
 203
 204       g_signal_connect (drawing_area, "draw",
 205                         G_CALLBACK (rotated_text_draw), NULL);
 206
 207       /* And a label */
 208
 209       label = gtk_label_new (text);
 210       gtk_container_add (GTK_CONTAINER (box), label);
 211
 212       gtk_label_set_angle (GTK_LABEL (label), 45);
 213
 214       /* Set up fancy stuff on the label */
 215       layout = gtk_label_get_layout (GTK_LABEL (label));
 216       pango_cairo_context_set_shape_renderer (pango_layout_get_context (layout),
 217                                               fancy_shape_renderer,
 218                                               NULL, NULL);
 219       attrs = create_fancy_attr_list_for_layout (layout);
 220       gtk_label_set_attributes (GTK_LABEL (label), attrs);
 221       pango_attr_list_unref (attrs);
 222     }
 223
 224   if (!gtk_widget_get_visible (window))
 225     {
 226       gtk_widget_show_all (window);
 227     }
 228   else
 229     {
 230       gtk_widget_destroy (window);
 231       window = NULL;
 232     }
 233
 234   return window;
 235 }