第一个GTK+程序

在这一章节中，我们将开始编写第一个GTK+程序。

超级简单的例子

我们要“制造”一个超级简单的GTK+程序。就是显示一个空白的窗口。

#include <gtk/gtk.h>



int main( int argc, char *argv[])

{

  GtkWidget *window;



  gtk_init(&argc, &argv);



  window = gtk_window_new(GTK_WINDOW_TOPLEVEL);

  gtk_widget_show(window);



  gtk_main();



  return 0;

}

这个例子就是为我们显示了一个空白的窗口。

gcc -o simple simple.c `pkg-config --libs --cflags gtk+-2.0`

这就是我们用来编译这个例子的命令。下面我们将对这个简单的程序进行详细的解读。

gtk_init(&argc, &argv);

这就是在初始化整个GTK+程序，是每一个GTK+程序必不可少的部分。

window = gtk_window_new(GTK_WINDOW_TOPLEVEL);

这里我们首先生成了一个构件—— GtkWindow. 这个窗口构件的种类是GTK_WINDOW_TOPLEVEL. . Toplevel 窗口拥有一个标题栏和边框。他们同意由窗口管理器进行管理。

gtk_widget_show(window);

在我们生成了一个窗口构件以后，必不可少的是，我们需要用这句语句来显示构件。

gtk_main();

这句代码语句将进入“主循环”。 在这一点上，GTK+程序将安静的等待“事件”(event)的发生，以便做出相应的反应。

Figure: Simple

 

生成一个窗口

如果我们不安排窗口的摆放位置的话，那么窗口管理器将为我们给这个窗口“安一个家”。在下个例子中，我们将走进“窗口”。

#include <gtk/gtk.h>



int main( int argc, char *argv[])

{

  GtkWidget *window;



  gtk_init(&argc, &argv);



  window = gtk_window_new(GTK_WINDOW_TOPLEVEL);

  gtk_window_set_title(GTK_WINDOW(window), "Center");

  gtk_window_set_default_size(GTK_WINDOW(window), 230, 150);

  gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);

  gtk_widget_show(window);



  g_signal_connect_swapped(G_OBJECT(window), "destroy",

      G_CALLBACK(gtk_main_quit), NULL);



  gtk_main();



  return 0;

}

在我们上面的这个例子，我将深入了解窗口构件（window widget），为窗口构件设置标题和大小。

gtk_window_set_title(GTK_WINDOW(window), "Center");

gtk_window_set_title() 这个函数就可以为window设置一个标题，如果我们不用这个函数的话，GTK+将用源文件的名字来作为窗口的标题。

gtk_window_set_default_size(GTK_WINDOW(window), 230, 150);

上面这个代码片段为window设置了 230x150 像素的大小。值得注意的是，我们这里提到的大小是指主窗口的大小；而不包括窗口管理器提供的修饰或者装饰的部分。

gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);

这段代码把窗口设定在显示器的中央。

g_signal_connect_swapped(G_OBJECT(window), "destroy",

    G_CALLBACK(gtk_main_quit), NULL);

在之前的例子中，我们没有设置窗口的关闭，当我按下右上角的“X”时。我们可以看到，如果是从命令行的方式来运行例子程序的话，默认情况下窗口程序并不会对你刚刚的动作作出反应（当然，最新的窗口管理器，譬如X11会强行关闭）。我们必须要明确为这个例子程序连接上一个关闭的信号（the destroy signal），就是 gtk_main_quit() 这个函数。

应用程序图标的制作

在下面的例子中，我们会进行应用程序图标的制作。大多数的窗口管理器都会把图标放置在标题栏的左上方和任务栏上。

#include <gtk/gtk.h>



GdkPixbuf *create_pixbuf(const gchar * filename)

{

   GdkPixbuf *pixbuf;

   GError *error = NULL;

   pixbuf = gdk_pixbuf_new_from_file(filename, &error);

   if(!pixbuf) {

      fprintf(stderr, "%s\n", error->message);

      g_error_free(error);

   }



   return pixbuf;

}



int main( int argc, char *argv[])

{

  GtkWidget *window;



  gtk_init(&argc, &argv);



  window = gtk_window_new(GTK_WINDOW_TOPLEVEL);

  gtk_window_set_title(GTK_WINDOW(window), "icon");

  gtk_window_set_default_size(GTK_WINDOW(window), 230, 150);

  gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);

  gtk_window_set_icon(GTK_WINDOW(window), create_pixbuf("web.png"));

  gtk_widget_show(window);



  g_signal_connect_swapped(G_OBJECT(window), "destroy",

      G_CALLBACK(gtk_main_quit), NULL);



  gtk_main();



  return 0;

}

上面的就是为一个填加上图标的窗口程序了.

gtk_window_set_icon(GTK_WINDOW(window), create_pixbuf("web.png"));

函数gtk_window_set_icon() 是为窗口设置图标用的。函数 create_pixbuf() 作用是从一个png图象文件中生成 GdkPixbuf 类型数据。

pixbuf = gdk_pixbuf_new_from_file(filename, &error);

根据官方公布的文档说明，函数 gdk_pixbuf_new_from_file() 一个文件中加载图象数据，从而生成一个新的 pixbuf。 至于文件中包含图象的格式，是由系统自动检测的。如果该函数返回值是NULL的话，程序就会出现错误。

   

Figure: Icon

 

增加 和 减少

下面我们将用一个简单的示例，来完成了“GTK+程序设计初级教程”的第一阶段，在这里我们用到了三个构件：两个按钮和一个标签。这个标签将保存一个整数，两个按钮会分别增加和减少这个数。

#include <gtk/gtk.h>



gint count = 0;

char buf[5];



void increase(GtkWidget *widget, gpointer label)

{

  count++;



  sprintf(buf, "%d", count);

  gtk_label_set_text(label, buf);

}



void decrease(GtkWidget *widget, gpointer label)

{

  count--;



  sprintf(buf, "%d", count);

  gtk_label_set_text(label, buf);

}



int main(int argc, char** argv) {



  GtkWidget *label;

  GtkWidget *window;

  GtkWidget *frame;

  GtkWidget *plus;

  GtkWidget *minus;



  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, 180);

  gtk_window_set_title(GTK_WINDOW(window), "+-");



  frame = gtk_fixed_new();

  gtk_container_add(GTK_CONTAINER(window), frame);



  plus = gtk_button_new_with_label("+");

  gtk_widget_set_size_request(plus, 80, 35);

  gtk_fixed_put(GTK_FIXED(frame), plus, 50, 20);



  minus = gtk_button_new_with_label("-");

  gtk_widget_set_size_request(minus, 80, 35);

  gtk_fixed_put(GTK_FIXED(frame), minus, 50, 80);



  label = gtk_label_new("0");

  gtk_fixed_put(GTK_FIXED(frame), label, 190, 58); 



  gtk_widget_show_all(window);



  g_signal_connect(window, "destroy",

      G_CALLBACK (gtk_main_quit), NULL);



  g_signal_connect(plus, "clicked", 

      G_CALLBACK(increase), label);



  g_signal_connect(minus, "clicked", 

      G_CALLBACK(decrease), label);



  gtk_main();



  return 0;

}

这个示例代码完的功能是：增加和减少对象GtkLabel的值。

g_signal_connect(plus, "clicked", 

    G_CALLBACK(increase), label);

我们把回调函数increase()和增加按钮进行了连结。还有值得注意的是我们把label作为回调函数调用的参数。 这样的话就可以在回调函数increase()中对label进行处理。

count++;



sprintf(buf, "%d", count);

gtk_label_set_text(label, buf);

在“增加”的回调函数中，增加数字。 然后在label中的数字就会随之增加。