Как повернуть изображение с помощью GTK+ / Cairo

У меня есть простое приложение, которое должно вращать украшенное колесо на столько градусов каждые x миллисекунд, используя GTK+ и Cairo. У меня есть код ниже, который вызывает cairo_rotate() из таймера. Однако изображение не меняется. Должен ли я аннулировать изображение, чтобы вызвать событие разоблачения? Я настолько новичок в Cairo, что очень ценю простой пример, демонстрирующий, как повернуть изображение с помощью Cairo в GTK+.

#include <cairo.h>
#include <gtk/gtk.h>

cairo_surface_t *image;
cairo_t *cr;


gboolean rotate_cb( void )
{

    cairo_rotate (cr, 1);
    //cairo_paint(cr);
    printf("rotating\n");

    return( TRUE );
}

static gboolean
on_expose_event(GtkWidget *widget,
    GdkEventExpose *event,
    gpointer data)
{
  cr = gdk_cairo_create (widget->window);

  cairo_set_source_surface(cr, image, 0, 0);
  cairo_paint(cr);
  printf("Paint\n");

  //cairo_destroy(cr);

  return FALSE;
}


int main(int argc, char *argv[])
{
  GtkWidget *window;

  image = cairo_image_surface_create_from_png("wheel.png");

  gtk_init(&argc, &argv);

  window = gtk_window_new(GTK_WINDOW_TOPLEVEL);

  g_signal_connect(window, "expose-event",
      G_CALLBACK (on_expose_event), NULL);
  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), 500, 500); 
  gtk_widget_set_app_paintable(window, TRUE);

  gtk_widget_show_all(window);
  g_timeout_add(500, (GSourceFunc) rotate_cb, NULL);

  gtk_main();
  cairo_destroy(cr);
  cairo_surface_destroy(image);

  return 0;
}

c gtk cairo
person Chimera    schedule 11.06.2012    source источник
comment
Важно понимать, что Cairo не создает постоянных объектов, поэтому вращение его после того, как вы уже нарисовали его, ничего не делает. В этом разница между Cairo и библиотекой холстов, такой как GooCanvas.   -  person ptomato    schedule 12.06.2012

Ответы (2)


arrow_upward
7
arrow_downward

Вам нужно сохранить вращение в переменной и поместить cairo_rotate(cr, rotate_amt); вызовите метод on_expose_event до рисования.

Также переведите в центр окна, поверните и переведите обратно, чтобы колесо вращалось вокруг своего центра, если изображение центрировано.

cairo_translate(cr, width / 2.0, height / 2.0);
cairo_rotate(cr, rotation_amt);
cairo_translate(cr, - image_w / 2.0, - image_h / 2.0);
cairo_set_source_surface(cr, image, 0, 0);
cairo_paint(cr);

Я надеюсь, что это правильно.

И, как сказал ptomato, вам нужно аннулировать вашу поверхность рисования, вызвав gtk_widget_queue_draw из rotate_cb. И хранить глобальную переменную для контекста Cairo излишне. Изображение не вращается, потому что вновь созданный контекст загружается с матрицей идентичности, а все ваши предыдущие преобразования сбрасываются.

person Ivarpoiss    schedule 12.06.2012
comment
Вам также потребуется gtk_widget_queue_draw() для запуска события экспонирования при срабатывании таймера. - person ptomato; 12.06.2012

arrow_upward
4
arrow_downward

С помощью списка рассылки cairo это рабочий пример. Я делюсь этим для тех, кто может найти это полезным.

#include <cairo.h>
#include <gtk/gtk.h>
#include <math.h>
#include <stdlib.h> 

cairo_surface_t *image;
cairo_t *cr;
gdouble rotation = 0;
GtkWidget *window;

gint image_w, image_h;
double DegreesToRadians( int degrees );


double DegreesToRadians( int degrees )
{
    return((double)((double)degrees * ( M_PI/180 )));
}


gboolean rotate_cb( void *degrees )
{
    // Any rotation applied to cr here will be lost, as we create
    // a new cairo context on every expose event
    //cairo_rotate (cr, 4);
    rotation += DegreesToRadians((*(int*)(degrees)));
    //cairo_paint(cr);
    //      printf("rotating\n");
    // Tell our window that it should repaint itself (ie. emit an expose event)
    gtk_widget_queue_draw(window);

    return( TRUE );
}

static gboolean on_expose_event(GtkWidget *widget, GdkEventExpose *event,gpointer data)
{
    // Make sure our window wasn't destroyed yet
    // (to silence a warning)
    g_return_if_fail(GTK_IS_WIDGET(widget));

    cr = gdk_cairo_create (widget->window);
    // We need to apply transformation before setting the source surface
    // We translate (0, 0) to the center of the screen,
    // so we can rotate the image around its center point,
    // not its upper left corner
    cairo_translate(cr, image_w/2, image_h/2);
    cairo_rotate(cr, rotation);
    cairo_set_source_surface(cr, image, -image_w/2, -image_h/2);
    // We need to clip around the image, or cairo will paint garbage data
    //cairo_rectangle(cr, -image_w/2, -image_h/2, image_w, image_h);
    //cairo_clip(cr);

    cairo_paint(cr);
    //printf("Paint\n");
    cairo_destroy(cr);
    return FALSE;
}


int main(int argc, char *argv[])
{   
    int degrees = 10, speed = 125;
    image = cairo_image_surface_create_from_png("wheel.png");
    image_w = cairo_image_surface_get_width(image);
    image_h = cairo_image_surface_get_height(image);

    gtk_init(&argc, &argv);

    if( argc == 3 )
    {
        degrees = atoi(argv[1]);
        speed = atoi(argv[2]);
    }


    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);

    g_signal_connect(window, "expose-event",
    G_CALLBACK (on_expose_event), NULL);
    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), image_w, image_h);
    gtk_widget_set_app_paintable(window, TRUE);

    gtk_widget_show_all(window);
    g_timeout_add(speed, (GSourceFunc) rotate_cb, (void *)&degrees);

    gtk_main();
    cairo_surface_destroy(image);

    return 0;
}
person Chimera    schedule 12.06.2012