GTK+重拾–07 GTK+中的事件

（一）：写在前面

在这一个小节中，我们主要是学习GTK+2.0中最重要的部分。就是信号和事件。GTK+函数工具库是基于“事件”系统的。全部的GUI应用都是基于“事件”驱动的。假设没有“事件”发生。那么应用程序就无法正常执行。在GTK+中一个事件就是从X窗体server传过来的一个消息。

当一个“事件”发生的时候，她就会通过发送一个“信号”来表示它已经做除了反应。当然，利用GTK+还能够为“信号”绑定专门的回调函数。即回调函数仅仅对他绑定的信号才有反应。

以下我们来看一个最经常使用的信号处理：

#include <gtk/gtk.h>void button_clicked(GtkWidget *widget,gpointer data)
{
    g_print("clicked\n");
}int main(int argc,char *argv[])
{
    GtkWidget *window;
    GtkWidget *fixed;
    GtkWidget *button;    gtk_init(&argc,&argv);    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    gtk_window_set_title(GTK_WINDOW(window),"GtkButton");
    gtk_window_set_default_size(GTK_WINDOW(window),230,150);
    gtk_window_set_position(GTK_WINDOW(window),GTK_WIN_POS_CENTER);    fixed = gtk_fixed_new();
    gtk_container_add(GTK_CONTAINER(window),fixed);    button = gtk_button_new_with_label("Clicked");
    gtk_fixed_put(GTK_FIXED(fixed),button,50,50);
    gtk_widget_set_size_request(button,80,35);    g_signal_connect(G_OBJECT(button),"clicked",G_CALLBACK(button_clicked),NULL);    g_signal_connect(G_OBJECT(window),"destroy",G_CALLBACK(gtk_main_quit),NULL);    gtk_widget_show_all(window);    gtk_main();    return 0;
}

这里是当用户点击Button的时候。会在控制台打印clicked字符串。

我们来看一下执行效果：

在这个应用程序中，有两个“信号”。一个信号是clicked，另外一个信号是destroy。

我们使用函数g_signal_connect()去连接信号”clicked”和回调函数button_clickec()。

这个回调函数的功能是向终端输出”clicked”字符串。这个函数的第一个參数就是发出信号的对象，第二个參数是可选參数。使用这个參数向回调函数传递特定数据。在这里我们并没有传递不论什么数据。所以就传入NULL。

（二）：移动窗体

以下这个样例，我们将要实现对”窗体移动”进行监听，为该事件做出反应。

#include <gtk/gtk.h>void frame_callback(GtkWidget *window,GdkEvent *event,gpointer data)
{
    int x,y;
    char buf[10];    x = event->configure.x;
    y = event->configure.y;    sprintf(buf,"%d,%d",x,y);    gtk_window_set_title(window,buf);
}int main(int argc,char *argv[])
{
    GtkWidget *window;    gtk_init(&argc,&argv);    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    gtk_window_set_position(GTK_WINDOW(window),GTK_WIN_POS_CENTER);
    gtk_window_set_default_size(GTK_WINDOW(window),230,150);
    gtk_window_set_title(GTK_WINDOW(window),"Simple");
    gtk_widget_add_events(GTK_WIDGET(window),GDK_CONFIGURE);    g_signal_connect_swapped(G_OBJECT(window),"destroy",G_CALLBACK(gtk_main_quit),G_OBJECT(window));    g_signal_connect(G_OBJECT(window),"configure-event",G_CALLBACK(frame_callback),NULL);    gtk_widget_show_all(window);    gtk_main();    return 0;
}

以下我们来看一下执行效果：

当我们移动窗体的时候。我们随时会看到窗体标题栏上的窗体的位置。

gtk_widget_add_events(GTK_WIDGET(window),GDK_CONFIGURE);

上面的代码说明了，哪一个构件将会接受到事件。而且对事情的发生做出反应。一些事情使用的时候要已与特定的构件组装好，另外的一些事件不得不要用一个函数gtk_widget_events()来绑定，把事件类型GDK_CONFIGURE加入到函数中。事件类型GDK_CONFIGURE包括了全部的大小，位置和用于存储事件次序的栈结构。

g_signal_connect(G_OBJECT(window),"configure-event",G_CALLBACK(frame_callback),NULL);

这样，当信号”configure-event”被发送的时候，则被绑定的组件的打下。位置与次序栈都被捕获了。这样就能够在回调函数中进行处理了。

（三）：鼠标进入信号

在这个样例中，我们会展示怎样对“鼠标的进入”信号做出反应。当我们的鼠标移动到我们所绑定的那个构件上的时候会发出“鼠标进入信号”。

#include <gtk/gtk.h>void enter_button(GtkWidget *widget,gpointer data)
{
    GdkColor color;
    color.red = 27000;
    color.green = 30325;
    color.blue = 34181;    gtk_widget_modify_bg(widget,GTK_STATE_PRELIGHT,&color);
}int main(int argc,char *argv[])
{
    GtkWidget *window;
    GtkWidget *fixed;
    GtkWidget *button;    gtk_init(&argc,&argv);    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    gtk_window_set_position(GTK_WINDOW(window),GTK_WIN_POS_CENTER);
    gtk_window_set_default_size(GTK_WINDOW(window),230,150);
    gtk_window_set_title(GTK_WINDOW(window),"enter signal");    fixed = gtk_fixed_new();
    gtk_container_add(GTK_CONTAINER(window),fixed);    button = gtk_button_new_with_label("Button");
    gtk_widget_set_size_request(button,80,35);
    gtk_fixed_put(GTK_FIXED(fixed),button,50,50);    g_signal_connect(G_OBJECT(button),"enter",G_CALLBACK(enter_button),NULL);    g_signal_connect_swapped(G_OBJECT(window),"destroy",G_CALLBACK(gtk_main_quit),NULL);    gtk_widget_show_all(window);    gtk_main();    return 0;
}

以下我们来看一下执行结果：

当鼠标进入按钮区域之后，按钮的背景颜色就会发生变化。

g_signal_connect(G_OBJECT(button),"enter",G_CALLBACK(enter_button),NULL);

当”enter”发生的时候，我们会调用函数enter_button()。

void enter_button(GtkWidget *widget,gpointer data)
{
    GdkColor color;
    color.red = 27000;
    color.green = 30325;
    color.blue = 34181;    gtk_widget_modify_bg(widget,GTK_STATE_PRELIGHT,&color);
}

在相应的回调函数中，我们通过调用函数gtk_widget_modify_bg()来改变按钮的颜色。

（四）：回调函数解除绑定

有的时候我们为一个信号绑定一个回调函数的时候。我们须要解除绑定，以下这个样例我们就展示怎样解除绑定：

#include <gtk/gtk.h>int handler_id;void button_clicked(GtkWidget *widget,gpointer data)
{
    g_print("clicked.\n");
}void toggle_signal(GtkWidget *widget,gpointer window)
{
    if(gtk_toggle_button_get_active(GTK_TOGGLE_BUTTON(widget))){
        handler_id = g_signal_connect(G_OBJECT(window),"clicked",G_CALLBACK(button_clicked),NULL);
    }else{
        g_signal_handler_disconnect(window,handler_id);
    }
}int main(int argc,char *argv[])
{
    GtkWidget *window;
    GtkWidget *fixed;
    GtkWidget *button;    GtkWidget *check;    gtk_init(&argc,&argv);    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    gtk_window_set_position(GTK_WINDOW(window),GTK_WIN_POS_CENTER);
    gtk_window_set_default_size(GTK_WINDOW(window),250,150);
    gtk_window_set_title(GTK_WINDOW(window),"Disconnect");    fixed = gtk_fixed_new();
    gtk_container_add(GTK_CONTAINER(window),fixed);    button = gtk_button_new_with_label("Clicked");
    gtk_widget_set_size_request(button,80,30);
    gtk_fixed_put(GTK_FIXED(fixed),button,30,50);    check = gtk_check_button_new_with_label("Connect");
    gtk_toggle_button_set_active(GTK_TOGGLE_BUTTON(check),TRUE);
    gtk_fixed_put(GTK_FIXED(fixed),check,130,50);    handler_id = g_signal_connect(G_OBJECT(button),"clicked",G_CALLBACK(button_clicked),NULL);    g_signal_connect(G_OBJECT(check),"clicked",G_CALLBACK(toggle_signal),(gpointer)button);    g_signal_connect_swapped(G_OBJECT(window),"destroy",G_CALLBACK(gtk_main_quit),NULL);    gtk_widget_show_all(window);    gtk_main();    return 0;
}

以下我们先来看一下执行结果：

我们有一个按钮和一个选择框，选择框的功能就是绑定或者是解除绑定一个回调信号与信号”clicked”之间的关系。

handler_id = g_signal_connect(G_OBJECT(button),"clicked",G_CALLBACK(button_clicked),NULL);

g_signal_connect()函数执行后会返回一个“id”数据。这个id是信号和回调函数绑定的唯一标示。

当选择框选上的时候，就绑定信号，假设未选中的时候，就解除绑定。

（五）：拖与放实例

在这个样例中。我们将会展示一个没有边框的窗体。我们怎样对他进行拖动与放置呢?

#include <gtk/gtk.h>gboolean on_button_press(GtkWidget *widget,GdkEventButton *event,GdkWindowEdge edge)
{
    if(event->type == GDK_BUTTON_PRESS)
    {
        if(event->button == 1){            gtk_window_begin_move_drag(GTK_WINDOW(gtk_widget_get_toplevel(widget)),
            event->button,event->x_root,event->y_root,event->time);
        }
    }    return FALSE;
}int main(int argc,char *argv[])
{
    GtkWidget *window;    gtk_init(&argc,&argv);    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    gtk_window_set_position(GTK_WINDOW(window),GTK_WIN_POS_CENTER);
    gtk_window_set_default_size(GTK_WINDOW(window),230,150);
    gtk_window_set_title(GTK_WINDOW(window),"Drag & Drop");
    gtk_window_set_decorated(GTK_WINDOW(window),FALSE);
    gtk_widget_add_events(window,GDK_BUTTON_PRESS_MASK);    g_signal_connect(G_OBJECT(window),"button-press-event",G_CALLBACK(on_button_press),NULL);    g_signal_connect_swapped(G_OBJECT(window),"destroy",G_CALLBACK(gtk_main_quit),G_OBJECT(window));    gtk_widget_show(window);    gtk_main();    return 0;
}

我们来看一下执行效果：

gtk_window_set_decorated(GTK_WINDOW(window),FALSE);

通过这个函数我们去除了窗体中的修饰性部分。

g_signal_connect(G_OBJECT(window),"button-press-event",G_CALLBACK(on_button_press),NULL);

我们把信号button-press-event绑定在窗体中，在回调函数on_button_press()中，我们放置了拖动和放置的代码。

我们检測鼠标左键是否被单击。然后条件推断执行函数gtk_window_begin_move_drag()进行拖放操作。

（六）：定时器

最后，我们实现一个定时器功能，这个还是比价有意思的：

#include <cairo.h>
#include <gtk/gtk.h>
#include <time.h>static char buffer[256];static gboolean on_expose_event(GtkWidget *widget,GdkEventExpose *event,gpointer data)
{
    cairo_t *cr;    cr = gdk_cairo_create(widget->window);    cairo_move_to(cr,30,30);
    cairo_show_text(cr,buffer);    cairo_destroy(cr);    return FALSE;
}static gboolean time_handler(GtkWidget *widget)
{
    if(widget->window == NULL) return FALSE;    time_t curtime;
    struct tm *loctime;    curtime = time(NULL);
    loctime = localtime(&curtime);
    strftime(buffer,256,"%T",loctime);    gtk_widget_queue_draw(widget);    return TRUE;}int main(int argc,char *argv[])
{
    GtkWidget *window;
    GtkWidget *darea;    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(darea,"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),170,100);    gtk_window_set_title(GTK_WINDOW(window),"timer");    g_timeout_add(1000,(GSourceFunc)time_handler,(gpointer)window);    gtk_widget_show_all(window);    time_handler(window);    gtk_main();    return 0;
}

以下是执行效果：

在窗体中。我们画一个显示当前事件的动态效果，工具就是Cairo函数工具库。

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

首先。我们把回调函数on_expose_event()中画出时间的数值。

该回调函数与信号进行了绑定exposed-event。

当信号发送的时候，窗体就会调用回调函数进行更新数据。

g_timeout_add(1000,(GSourceFunc)time_handler,(gpointer)window);

上面的函数注冊了一个GTK+系统中的一个定时器。函数time_handler()就会依照函数的设置不断更新。

有关与Cairo函数库后面我们会解说。