如何在 Gtk 2 窗口上创建 cairo_t

Question

我有一个旧的应用程序，现在在 Gtk 2 上编译，但是我需要介绍一下 Cairo 的使用。我不知道如何从我的小部件中创建必要的 cairo 上下文 (cairo_t)。

这是我目前尝试学习的代码，从 Gtk 3 教程中修改（*ahem* cribbed）。问题的关键是从窗口小部件创建一个 cairo 表面。就目前而言，该调用是一个草图，它不会编译，更不用说运行了。请记住，我的目标是 Gtk2，而不是 3，至少目前是这样。

/* Snitched from http://zetcode.com/gfx/cairo/cairobackends/ on 13 Jan 2014 */
#include <cairo.h>
#include <cairo-xlib.h>
#include <gtk/gtk.h>

int main(int argc, char *argv[])
{
  GtkWidget *window;
  GtkWidget *darea;
  cairo_surface_t *surface;
  cairo_t *cr;

  gtk_init(&argc, &argv);

  window = gtk_window_new(GTK_WINDOW_TOPLEVEL);

  darea = gtk_drawing_area_new();
  gtk_container_add(GTK_CONTAINER(window), darea);

  g_signal_connect(window,          "destroy", G_CALLBACK(gtk_main_quit), NULL);

  gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);
  gtk_window_set_default_size(GTK_WINDOW(window), 400, 90);
  gtk_window_set_title(GTK_WINDOW(window), "GTK window");

  surface = cairo_xlib_surface_create(
      gtk_widget_get_display(window),   /* must be Display *, not struct GdkDisplay * */
      window,                           /* must be Drawable (no star) */
      gtk_widget_get_visual(window),    /* must be Visual * */
      gtk_widget_get_width(window),     /* int */
      gtk_widget_get_height(window)     /* int */
      );
  cr = cairo_create(surface);
  cairo_set_source_rgb(cr, 0, 0, 0);
  cairo_select_font_face(cr, "Sans", CAIRO_FONT_SLANT_NORMAL, 
     CAIRO_FONT_WEIGHT_NORMAL);
  cairo_set_font_size(cr, 40.0);

  cairo_move_to(cr, 10.0, 50.0);
  cairo_show_text(cr, "Discipline is power.");

  gtk_widget_show_all(window);

  gtk_main();

  return 0;
}

Answer 1

我希望本教程没有在 main() 中进行 cairo 绘图...在 GTK2 小部件上绘图的有意义的地方是在暴露事件中（如果你想从其他地方强制重绘，只需调用 @ 987654323@)。使用gdk_cairo_create() 获取cairo 上下文更容易。

类似这样的：

static gboolean
on_expose_event (GtkWidget *widget,
                 GdkEventExpose *event,
                 gpointer data)
{
    cairo_t *cr;

    cr = gdk_cairo_create (gtk_widget_get_window (widget));
    cairo_move_to (cr, 30, 30);
    cairo_show_text (cr, "Text");

    cairo_destroy (cr);

    return FALSE;
}

g_signal_connect(darea, "expose-event",
                 G_CALLBACK(on_expose_event), NULL);

Jan Bodnar 有一个more complete example（最后）。

在我看来，这在 GTK3 中要好得多。尽管如此，即使您的目标是移植到 GTK3，您也可以先将绘图更改为使用 cairo，然后再更改为 GTK3 应该会简化代码。